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

Add some more CSS tweaks.
This commit is contained in:
Ceda EI 2018-10-07 17:27:27 +05:30
parent 95ea0fd333
commit 01f4d59ddc
5 changed files with 27 additions and 5 deletions

BIN
fonts/lato.ttf Normal file

Binary file not shown.

BIN
fonts/transformers.ttf Normal file

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -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 { body {
margin: 0; margin: 0;
background-color: #0b0a16; background-color: #0b0a16;
@ -29,7 +39,7 @@ a:hover {
.container .img { .container .img {
/* display: flex; */ /* display: flex; */
margin: 1em; margin-bottom: 1em;
width: 100%; width: 100%;
} }
@ -46,9 +56,19 @@ a:hover {
margin-top: 0.5 em; margin-top: 0.5 em;
} }
.header {
margin: 1em 0;
}
h1 { h1 {
font-family: 'Elsie', cursive; font-family: 'Transformers', cursive;
font-size: 2.5em; font-size: 2.5em;
margin: 0;
}
h2 {
font-size: 1.5em;
margin: 0;
} }
@media (max-width: 720px) { @media (max-width: 720px) {

View File

@ -5,7 +5,6 @@
<title> Ceda EI </title> <title> Ceda EI </title>
<link rel="stylesheet" type="text/css" href="index.css"> <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 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:title" content="Webionite" />
<meta property="og:description" content="Homepage of Ceda EI." /> <meta property="og:description" content="Homepage of Ceda EI." />
<meta property="og:image" content="https://webionite.com/images/webionite.jpg" /> <meta property="og:image" content="https://webionite.com/images/webionite.jpg" />
@ -15,12 +14,15 @@
<div class="img"> <div class="img">
<img src="images/ceda.jpg"> <img src="images/ceda.jpg">
</div> </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> <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"> <div class="links">
<a href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a> <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://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="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> <a href="mailto:ceda_ei@webionite.com"><i class="fa fa-envelope"></i></a>
</div> </div>