Infrastructure/tylerperkins.xyz
2
1
Fork 0
Code Issues Pull Requests Packages Activity

Add base header footer

Browse Source
This commit is contained in:
Tyler Perkins 2023-06-27 21:35:17 -04:00
parent 0200086036
commit ebb1b01c3e
9 changed files with 63 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
content/_index.md Normal file
View File

@ -0,0 +1,6 @@
---
title: "Home"
date: 2023-06-27
---
Welcome to my site!

15
layouts/index.html
View File

@ -1,7 +1,16 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
<div>
<div class="centered top-fade dashed-bottom">
<div class="intro-content">
{{ .Content }}
</div>
</div>
<div class="content-list">
<ul>
{{ range .Site.RegularPages }}
<li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ end }}
</ul>
</div>
{{ end }}

BIN
static/css/.styles.css.swp Normal file
View File

Binary file not shown.

26
static/css/styles.css Normal file
View File

@ -0,0 +1,26 @@
.centered {
width: 100vw;
max-width: 100%;
height: 100vh;
display: grid;
align-content: center;
justify-content: center;
justify-items: center;
align-items: center;
}
.top-fade {
background: linear-gradient(rgba(11,11,12,1) 0%, rgba(11,11,12,0.9 20%), rgba(0,0,0,0.1), 100%)
}
.dashed-bottom {
border-bottom: 5px dashed white;
}
body {
overflow-x: hidden;
margin: 0;
height: 100%;
padding-bottom: 0px;
}

BIN
themes/clortox/layouts/_default/.baseof.html.swp Normal file
View File

Binary file not shown.

BIN
themes/clortox/layouts/partials/.header.html.swp Normal file
View File

Binary file not shown.

3
themes/clortox/layouts/partials/head.html
View File

@ -0,0 +1,3 @@
<head>
<link rel="stylesheet" href="{{ "css/clortox.css" | relURL }}">
</head>

2
themes/clortox/layouts/partials/header.html
View File

@ -1,4 +1,4 @@
<header>
<header class="navbar sticky">
<a href="{{ "/" | relURL }}">Home</a>
<a href="{{ "/about/" | relURL }}">About</a>
</header>

14
themes/clortox/static/css/clortox.css Normal file
View File

@ -0,0 +1,14 @@
.navbar {
margin: 0;
background: rgb(11,11,12);
height: 3em;
border-color: white;
border-bottom: 5px;
overflow: hidden;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}