Base working skeleton now needs link support
This commit is contained in:
parent
b8de5c0175
commit
a3c84ffed4
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
*.xcf filter=lfs diff=lfs merge=lfs -text
|
||||
*.png filter=lfs diff=lfs merge=lfs -text
|
||||
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
main-site/public/
|
||||
main-site/.hugo_build.lock
|
||||
*.swp
|
||||
|
||||
5
main-site/archetypes/default.md
Normal file
5
main-site/archetypes/default.md
Normal file
@ -0,0 +1,5 @@
|
||||
+++
|
||||
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
|
||||
date = {{ .Date }}
|
||||
draft = true
|
||||
+++
|
||||
7
main-site/content/_index.md
Normal file
7
main-site/content/_index.md
Normal file
@ -0,0 +1,7 @@
|
||||
---
|
||||
links:
|
||||
twitch: twitch.tv/shockrah
|
||||
mastodon: qoto.org/@shockrah
|
||||
---
|
||||
|
||||
Press the buttons if you want :3
|
||||
9
main-site/hugo.yaml
Normal file
9
main-site/hugo.yaml
Normal file
@ -0,0 +1,9 @@
|
||||
baseURL: 'https://temper.tv/'
|
||||
languageCode: 'en-us'
|
||||
title: Hiya, I'm temper
|
||||
|
||||
theme: 'temper'
|
||||
|
||||
Params:
|
||||
description: I like to make stuff
|
||||
|
||||
20
main-site/themes/temper/LICENSE
Normal file
20
main-site/themes/temper/LICENSE
Normal file
@ -0,0 +1,20 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2021 YOUR_NAME_HERE
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
2
main-site/themes/temper/archetypes/default.md
Normal file
2
main-site/themes/temper/archetypes/default.md
Normal file
@ -0,0 +1,2 @@
|
||||
+++
|
||||
+++
|
||||
@ -2,28 +2,9 @@
|
||||
<html lang="en-us">
|
||||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
|
||||
<a href="#" class="navbar-brand"><img src="/img/favicon.png" width="30", height="30" class="d-inline-block align-top" alt="">
|
||||
<strong>Temper.tv</strong>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
{{ range (.Paginate (.Pages.ByParam "rank")).Pages }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#{{trim .RelPermalink "/"}}">
|
||||
{{.Title}}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="banner-container">
|
||||
<div class="fade-in-image">
|
||||
<img class="fluid" src="/img/bg.png">
|
||||
<img class="bg-img" src="/img/bg.png">
|
||||
</div>
|
||||
<div class="headline">
|
||||
<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
|
||||
@ -32,12 +13,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
{{- partial "experience.html" . -}}
|
||||
{{- partial "projects.html" . -}}
|
||||
{{- partial "education.html" . -}}
|
||||
</div>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
Binary file not shown.
@ -1,15 +1,14 @@
|
||||
<head>
|
||||
|
||||
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||
<link rel="shortcut icon" type="image/png" href="{{ .Site.BaseURL }}/images/favicon.png">
|
||||
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||
<link rel="shortcut icon" type="image/png" href="{{ .Site.BaseURL }}/images/favicon.png">
|
||||
<title>{{.Site.Params.Title}}</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<meta property="og:title" content="{{ .Site.Params.Title }}">
|
||||
<meta property="og:description" content="{{ .Site.Params.description }}">
|
||||
<meta property="og:site_name" content="{{ .Site.Params.name }}">
|
||||
<meta property="og:url" content="{{ .Site.BaseURL }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="/images/ogbanner.jpg">
|
||||
<meta property="og:title" content="{{ .Site.Params.Title }}">
|
||||
<meta property="og:description" content="{{ .Site.Params.description }}">
|
||||
<meta property="og:site_name" content="{{ .Site.Params.name }}">
|
||||
<meta property="og:url" content="{{ .Site.BaseURL }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="/images/ogbanner.jpg">
|
||||
</head>
|
||||
|
||||
7
main-site/themes/temper/static/css/bootstrap.min.css
vendored
Normal file
7
main-site/themes/temper/static/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
232
main-site/themes/temper/static/css/style.css
Normal file
232
main-site/themes/temper/static/css/style.css
Normal file
@ -0,0 +1,232 @@
|
||||
body {
|
||||
background-color: #212121;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: #dcdcdc;
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.banner-container {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bg-img {
|
||||
background-image: url("/img/bg.png");
|
||||
height: 100%;
|
||||
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.fade-in-image {
|
||||
animation: fadeIn 3s;
|
||||
-webkit-animation: fadeIn 3s;
|
||||
-moz-animation: fadeIn 3s;
|
||||
-o-animation: fadeIn 3s;
|
||||
-ms-animation: fadeIn 3s;
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeIn {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeIn {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
|
||||
@-ms-keyframes fadeIn {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
|
||||
.fluid {
|
||||
width: 100%;
|
||||
max-height: 100vh;
|
||||
object-fit: cover;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.headline {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.headline-title {
|
||||
font-size: 4rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.one-liner {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.socials {
|
||||
display:inline;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.reveal-text {
|
||||
animation: slideIn 1.2s;
|
||||
animation-delay: 750ms;
|
||||
color: transparent;
|
||||
animation-fill-mode: forwards;
|
||||
|
||||
-webkit-animation: slideIn 1.2s;
|
||||
-webkit-animation-delay: 750ms;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
|
||||
-moz-animation: slideIn 1.2s;
|
||||
-moz-animation-delay: 750ms;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
|
||||
-o-animation: slideIn 1.2s;
|
||||
-o-animation-delay: 750ms;
|
||||
-o-animation-fill-mode: forwards;
|
||||
|
||||
-ms-animation: slideIn 1.2s;
|
||||
}
|
||||
@keyframes slideIn {
|
||||
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||
}
|
||||
|
||||
@-moz-keyframes slideIn {
|
||||
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes slideIn {
|
||||
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||
}
|
||||
|
||||
@-o-keyframes slideIn {
|
||||
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||
}
|
||||
|
||||
@-ms-keyframes slideIn {
|
||||
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||
}
|
||||
|
||||
.section-header {
|
||||
color: #EAA221;
|
||||
font-weight: bold;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.title-link { color: #EAA221; }
|
||||
.title-link { text-decoration-color: #EAA221; }
|
||||
|
||||
.card {
|
||||
padding: 1em;
|
||||
margin: 1em;
|
||||
min-width: 250px;
|
||||
}
|
||||
a { color:#dcdcdc; }
|
||||
a:hover { color: #EAA221; }
|
||||
|
||||
.card-img {
|
||||
width: auto;
|
||||
height: 150px;
|
||||
}
|
||||
.card {
|
||||
background-color: transparent;
|
||||
max-width: 45%;
|
||||
border:none;
|
||||
}
|
||||
|
||||
ul.timeline {
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
padding-top: 1em;
|
||||
}
|
||||
ul.timeline:before {
|
||||
content: ' ';
|
||||
background: #dcdcdc;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 29px;
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
z-index: 400;
|
||||
}
|
||||
ul.timeline > li {
|
||||
margin: 20px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
ul.timeline > li:before {
|
||||
content: ' ';
|
||||
background: #212121;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #0fc;
|
||||
left: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
z-index: 400;
|
||||
}
|
||||
|
||||
.bigger {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body { min-width: 100%; }
|
||||
p { font-size: x-large; }
|
||||
li { font-size: x-large; }
|
||||
h6 { font-size: x-large; }
|
||||
.media-float { float: none!important; }
|
||||
.container { max-width: 100%; }
|
||||
.card {
|
||||
max-width: 100%;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.headline { bottom: 0; }
|
||||
.headline-title { font-size: 1.5em; }
|
||||
.one-liner { font-size: 1em; }
|
||||
}
|
||||
|
||||
|
||||
@media only (max-width: 1024px) {
|
||||
p { font-size: xxx-large; }
|
||||
li { font-size: xxx-large; }
|
||||
h6 { font-size: xxx-large; }
|
||||
.media-float { float: none!important; }
|
||||
.section-header { font-size: 4rem; }
|
||||
.card-title { font-size: 5rem; }
|
||||
.card-subtitle { font-size: 2.75rem; }
|
||||
.card { max-width: 100%; }
|
||||
.bigger { font-size: 2.75rem; }
|
||||
.container { max-width: 90%; }
|
||||
}
|
||||
16
main-site/themes/temper/theme.toml
Normal file
16
main-site/themes/temper/theme.toml
Normal file
@ -0,0 +1,16 @@
|
||||
# theme.toml template for a Hugo theme
|
||||
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||
|
||||
name = "temper"
|
||||
license = "MIT"
|
||||
licenselink = ""
|
||||
description = "Theme for temper.tv"
|
||||
homepage = "https://temper.tv"
|
||||
tags = []
|
||||
features = []
|
||||
min_version = "0.41.0"
|
||||
|
||||
[author]
|
||||
name = "shockrah"
|
||||
homepage = "https://shockrah.xyz"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user