Change fonts, image. Add @ceda_ei as sub-heading.

Add some more CSS tweaks.
pull/1/head
Ceda EI 4 years ago
parent 95ea0fd333
commit 01f4d59ddc
  1. BIN
      fonts/lato.ttf
  2. BIN
      fonts/transformers.ttf
  3. BIN
      images/ceda.jpg
  4. 24
      index.css
  5. 8
      index.html

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

@ -1,3 +1,13 @@
@font-face {
font-family: 'Transformers';
src: url('fonts/transformers.ttf');
}
@font-face {
font-family: 'Lato';
src: url('fonts/lato.ttf');
}
body {
margin: 0;
background-color: #0b0a16;
@ -29,7 +39,7 @@ a:hover {
.container .img {
/* display: flex; */
margin: 1em;
margin-bottom: 1em;
width: 100%;
}
@ -46,9 +56,19 @@ a:hover {
margin-top: 0.5 em;
}
.header {
margin: 1em 0;
}
h1 {
font-family: 'Elsie', cursive;
font-family: 'Transformers', cursive;
font-size: 2.5em;
margin: 0;
}
h2 {
font-size: 1.5em;
margin: 0;
}
@media (max-width: 720px) {

@ -5,7 +5,6 @@
<title> Ceda EI </title>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.0/css/fork-awesome.min.css" integrity="sha256-sX8HLspqYoXVPetzJRE4wPhIhDBu2NB0kYpufzkQSms=" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Elsie|Lato" rel="stylesheet">
<meta property="og:title" content="Webionite" />
<meta property="og:description" content="Homepage of Ceda EI." />
<meta property="og:image" content="https://webionite.com/images/webionite.jpg" />
@ -15,12 +14,15 @@
<div class="img">
<img src="images/ceda.jpg">
</div>
<h1>Ceda EI</h1>
<div class="header">
<h1>Ceda EI</h1>
<h2>@ceda_ei</h2>
</div>
<p>I am an 18-year old student from India who has an interest in system administration and programming. I am a Linux user who likes to rice his desktop and have some experience managing servers.</p>
<div class="links">
<a href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a>
<a href="https://git.webionite.com/ceda_ei/"><i class="fa fa-git"></i></a>
<a href="https://telegram.me/ceda_ei/"><i class="fa fa-telegram"></i></a>
<a href="https://twitter.com/ceda_ei/"><i class="fa fa-twitter"></i></a>
<a href="https://fosstodon.org/@ceda_ei"><i class="fa fa-mastodon"></i></a>
<a href="mailto:ceda_ei@webionite.com"><i class="fa fa-envelope"></i></a>
</div>

Loading…
Cancel
Save