From f6d4ef2500fe8bae68201699da88f9f06929d33d Mon Sep 17 00:00:00 2001 From: ricoThaka <134652418+ricoThaka@users.noreply.github.com> Date: Fri, 19 Apr 2024 14:40:32 -0700 Subject: [PATCH] {% include links.html %} --- _includes/header.html | 17 +++++ _layouts/default.html | 4 +- _layouts/footer.html | 38 +++++++++++ _sass/jekyll-theme-hacker.scss | 117 +++++++++++++++++++++++++++++++++ 4 files changed, 175 insertions(+), 1 deletion(-) create mode 100644 _includes/header.html create mode 100644 _layouts/footer.html diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..ad9d7e0 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,17 @@ + \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index bd97d2e..812a9e6 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -13,6 +13,7 @@
+ {% include links.html %}

{{ site.title | default: site.github.repository_name }}

@@ -31,9 +32,10 @@

{{ site.description | default: site.github.project_tagline }}

- {% include links.html %} + {{ content }}
+ {% include footer.html %}
diff --git a/_layouts/footer.html b/_layouts/footer.html new file mode 100644 index 0000000..83abf96 --- /dev/null +++ b/_layouts/footer.html @@ -0,0 +1,38 @@ + + + \ No newline at end of file diff --git a/_sass/jekyll-theme-hacker.scss b/_sass/jekyll-theme-hacker.scss index c81633d..86e90e7 100644 --- a/_sass/jekyll-theme-hacker.scss +++ b/_sass/jekyll-theme-hacker.scss @@ -186,6 +186,123 @@ header h2 { /* Main Content */ +#navcontainer +{ + flex-wrap: nowrap; + width:50vw; +text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff, + 0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff; +padding:5px; +position:fixed; +padding: 0; +height: 20px; + display:inline; + background-color:black; + position:fixed; + color:white; + border-top: 1px dotted #2E97F2; + top:0; +} + +#navcontainer ul +{ +border: 0; +margin: 0; +padding: 0; +list-style-type: none; +text-align: center; + +} + +#navcontainer ul li +{ +display: block; +float: right; +text-align: center; +padding: 0; +margin: 0; +} + +#navcontainer ul li a +{ +width: 78px; +height: 25px; +border-top: 1px solid #2E97F2; +border-left: 0px solid #f5d7b4; +border-bottom: 1px solid #262626; +border-right: 1px solid #262626; +padding: 0; +margin: 0 0 0px 0; +color: #A6A6A6; +text-decoration: none; +display: block; +text-align: center; +font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; +} + +#navcontainer ul li a:hover +{ +color: #F2F2F2; +background: #262626; +} + +#navcontainer a:active +{ +background: #262626; +color: #fff; +} + +#navcontainer li#active a +{ +background: #262626; +border-right: 4px solid #2E97F2; +color: #fff; +} + +.logo { + + float: left; + background-color:black; + display:inline; + padding:5px; +} +.css3badge { + display:inline; + float: right; + flex-wrap: nowrap; + +} +#heading { + + flex-wrap: wrap; + width:50vw; + text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff, + 0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff; + position:fixed; + display: grid; +grid-template-rows: auto auto auto; + background-color: black; + color:white; + padding:5px; + position:fixed; + +} +#footer { + + flex-wrap: nowrap; + bottom:0; + position:fixed; + display:inline; +grid-template-rows: auto auto auto; + background-color: black; + color:white; + padding:5px; + position:fixed; + width:50vw; + text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff, + 0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff; + } + #main_content { width: 100%; -webkit-font-smoothing: antialiased;