From 2ce10dbf82be06e5af44a13b8b8f98718b5fe333 Mon Sep 17 00:00:00 2001 From: talmax1124 Date: Tue, 16 Mar 2021 02:22:28 -0400 Subject: [PATCH] Styling Changes To Website To Look Better --- _includes/head.html | 1 + index.html | 5 ++++- styles/index.css | 51 ++++++++++++++++++++++++++++++++++++++++++++ styles/index.css.map | 9 ++++++++ styles/index.scss | 45 ++++++++++++++++++++++++++++++++++++++ 5 files changed, 110 insertions(+), 1 deletion(-) create mode 100644 styles/index.css create mode 100644 styles/index.css.map create mode 100644 styles/index.scss diff --git a/_includes/head.html b/_includes/head.html index bd693d5..a4d579b 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,5 +1,6 @@ {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + diff --git a/index.html b/index.html index 68b4034..ff38663 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,9 @@
{% for file in site.data.gitCloud %} - {{file.name}} + + {% endfor %}
diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 0000000..1d31773 --- /dev/null +++ b/styles/index.css @@ -0,0 +1,51 @@ +* { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: transparent; + outline: transparent; + text-decoration: none; + -webkit-transition: .25s ease; + transition: .25s ease; +} + +.linkToIcon { + padding: 15px; + background: black; + color: white; + font-size: 2em; + margin: 10px; +} + +.linkToIcon:hover { + background-color: #353131; +} + +.linkToIcon:active { + background-color: #3a3535; +} + +.site-footer { + background-color: black; + color: whitesmoke; + font-size: 1.5em; + text-align: center; + padding: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: center; + align-content: center; + -ms-flex-item-align: center; + align-self: center; +} + +.site-footer a { + color: white; +} + +.site-footer a:hover { + color: aliceblue; +} +/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/styles/index.css.map b/styles/index.css.map new file mode 100644 index 0000000..49d53ca --- /dev/null +++ b/styles/index.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AACA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;EACtB,MAAM,EAAE,WAAW;EACnB,OAAO,EAAE,WAAW;EACpB,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,SAAS;CACxB;;AAED,AAAA,WAAW,CAAC;EACR,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACd,MAAM,EAAE,IAAI;CACf;;AAED,AAAA,WAAW,AAAA,MAAM,CAAA;EACb,gBAAgB,EAAE,OAAe;CACpC;;AAED,AAAA,WAAW,AAAA,OAAO,CAAA;EACd,gBAAgB,EAAE,OAAe;CACpC;;AAED,AAAA,YAAY,CAAA;EACR,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,UAAU;EACjB,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,IAAI;EACb,aAAa,EAAE,MAAM;EACrB,UAAU,EAAE,MAAM;CACrB;;AAED,AAAA,YAAY,CAAC,CAAC,CAAA;EACV,KAAK,EAAE,KAAK;CACf;;AAED,AAAA,YAAY,CAAC,CAAC,AAAA,MAAM,CAAA;EAChB,KAAK,EAAE,SAAS;CACnB", + "sources": [ + "index.scss" + ], + "names": [], + "file": "index.css" +} \ No newline at end of file diff --git a/styles/index.scss b/styles/index.scss new file mode 100644 index 0000000..c8c58e2 --- /dev/null +++ b/styles/index.scss @@ -0,0 +1,45 @@ +// Made by github user talmax1124 +* { + margin: 0; + padding: 0; + box-sizing: border-box; + border: transparent; + outline: transparent; + text-decoration: none; + transition: .25s ease; +} + +.linkToIcon { + padding: 15px; + background: black; + color: white; + font-size: 2em; + margin: 10px; +} + +.linkToIcon:hover{ + background-color: rgb(53, 49, 49); +} + +.linkToIcon:active{ + background-color: rgb(58, 53, 53); +} + +.site-footer{ + background-color: black; + color: whitesmoke; + font-size: 1.5em; + text-align: center; + padding: 10px; + display: flex; + align-content: center; + align-self: center; +} + +.site-footer a{ + color: white; +} + +.site-footer a:hover{ + color: aliceblue; +} \ No newline at end of file