Add gitignore and static icons :beach: (#70)

* Add gitignore and static icons

* Add social icons bar

* Add more social icons, fix styling for header

* Fix dark theme bug

* Remove AWS icon

* Add math typesetting to readme features

* Templatize social icons

* Add documentation and fix menu icon

* Add more icons in example site

* Fix lang in code blocks

* Fix codeblocks lang and use twitch icon

* Reduce spacing around and between social icons

* Fix icon sizing

* Hard code width and height

* Fix language in code blocks

* Update language

* Update Readme

* Add screenshot

* Update screenshots

Co-authored-by: Yash Mehrotra <yashmehrotra95@gmail.com>
This commit is contained in:
Avijit Gupta
2021-09-07 15:16:58 +02:00
committed by GitHub
parent 90f49861ad
commit 808cd0ffb9
42 changed files with 146 additions and 23 deletions

View File

@@ -7,6 +7,7 @@
html {
background-color: rgb(var(--dark-primary-color));
color: var(--dark-text-color);
fill: var(--dark-text-color);
}
.header {
@@ -26,6 +27,10 @@ a:hover .feather-moon {
color: white;
}
.social-icons-list .social-icon {
fill: var(--dark-text-color);
}
.post-tags .post-tag:hover {
background-color: var(--dark-text-color);
color: rgb(var(--dark-primary-color));

View File

@@ -43,6 +43,7 @@ a {
/* This is set in partials/head.html and is populated via config */
a:hover {
color: var(--accent-color);
fill: var(--accent-color);
}
main#content {
@@ -112,6 +113,12 @@ img {
display: block;
padding: 0 6px;
}
.nav-link a svg {
height: 20px;
margin: -3px auto;
stroke-width: 2;
width: 20px;
}
.nav-links .nav-link.icon a {
padding: 0 8px;
}
@@ -196,14 +203,6 @@ a:hover .feather-sun {
box-shadow: rgb(220, 220, 220) 0px 1px 5px;
}
/* ICONS */
.feather {
height: 20px;
margin: -3px auto;
stroke-width: 2;
width: 20px;
}
/* TAGS */
.post-tags {
list-style-type: none;
@@ -329,6 +328,30 @@ table td {
width: 15rem;
}
.social-icons {
text-align: center;
}
.social-icons .social-icons-list {
display: inline-block;
list-style-type: none;
padding: 0;
text-align: center;
}
.social-icons-list .social-icon {
box-sizing: border-box;
display: inline-block;
fill: var(--light-text-color);
height: 24px;
margin: 0 6px;
width: 24px;
}
.social-icon a svg path {
transition: fill 0.15s ease;
}
.home-posts {
padding-top: 20px;
}