brysonsteck/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

somewhat functional website now

Browse source
This commit is contained in:
Bryson Steck 2022-12-27 00:48:42 -07:00
parent 4cd9efaf56
commit 199f5ca505
24 changed files with 344 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -11,3 +11,6 @@ hugo.linux
# Temporary lock file while building
/.hugo_build.lock
# Font files
*.ttf

3
archetypes/projects.md
View file

@ -1,8 +1,9 @@
---
title: "{{ replace .Name "-" " " | title }}"
description: ""
description: "{{ replace .Name "-" " " | title }} is a project created by Bryson Steck"
icon: "https://brysonsteck.xyz/files/..."
date: {{ .Date }}
draft: true
current: true
---

2
config.toml
View file

@ -1,3 +1,3 @@
baseURL = 'http://example.org/'
baseURL = 'https://brysonsteck.xyz/'
languageCode = 'en-us'
title = 'My New Hugo Site'

6
content/_index.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "Home"
date: 2022-12-03T01:51:53-07:00
draft: false
---

6
content/about-me.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "About Me"
date: 2022-12-26T22:54:07-07:00
draft: false
---

2
content/blog/ditched-iphone.md
View file

@ -1,6 +1,6 @@
---
title: "Why I Ditched My iPhone After 7 Years"
date: 2022-12-02T11:10:36-07:00
date: 2022-07-13T11:22:50-07:00
draft: true
---
I got my first Apple product while I was just in elementary school: an iPod Nano 3rd Gen that was pre-loaded with Adele and the movie WALL-E. And a few years after that at 10 years old, I got an iPod Touch 4th Gen that opened what felt like other planets for me to discover. Then at Christmas of 2014, I got an iPhone 5c, my first cellular device, back when Apple gave them away for free. I was officially hooked into what we know it as today: the Apple Ecosystem. I was stuck in this honeymoon phase for almost 5 years, until last year when I became more aware of odd practices in the tech industry, the incredible world of open-source software, and the ways the devices I was using every day were using me.

34
content/blog/new-website.md
View file

@ -1,34 +0,0 @@
---
title: "Welcome to the new website!!"
date: 2022-12-02T11:10:17-07:00
draft: true
---
**UPDATE (May 29, 2022) :** Resurrection is now updated and my main projects are now highlighted on the website. Thank you for your patience!
Hello, and welcome to the new website! Now I have the ability to post blogs and easily add and edit information about projects I currently work on. So far everything has been going fairly smoothly, but a couple of unexpected road-blocks have surely arisen. In the meantime, I wanted to give you more information about why I chose to switch the domain for my web server, and what were the drawbacks of doing so.
### Why Did I Change Domains?
It's a combination of four different reasons, half of which are not well justified by simply buying a new domain:
1. This new domain is cheaper to maintain for longer periods of time.
1. I would like to escape using Google services as much as possible, of which the old domain was registered with.
1. I wanted an excuse to start this new website made with the Django framework, and the downtime gave me an excuse to do so.
1. I have no idea how to switch around `certbot` certificates between web servers.
### What were the Drawbacks of Changing Domains?
There weren't very many! The minor one is that I just have to go back to any of my accounts online that mention the old domain and add the new one instead.
The major drawback is that all versions of my projects that use my web server to check for updates now return errors. These projects include:
* Resurrection (Java throws errors, but doesn't affect the functionality of the program afterwards.)
* Wiimmfi Watcher (Displays a Toast saying there was an issue, but this project is no longer maintained anyway.)
Resurrection 1.3.2 will release in the next two days to point to the correct domain to check for updates.
### What Will Happen with this New Website?
Not much really.
I have always seen my website as a way to quickly showcase the projects I've worked on and I wanted to not only make it easier to add and update my projects on my website, but also be able to post blogs on topics that I believe are relevant and show how much I have grown. So hopefully you will be here for the ride while I work on getting the website fully functional!

8
content/projects/_index.md Normal file
View file

@ -0,0 +1,8 @@
---
title: "Projects"
description: "Projects is a project created by Bryson Steck"
icon: "https://brysonsteck.xyz/files/..."
date: 2022-12-26T23:55:49-07:00
draft: true
---

1
content/projects/resurrection.md
View file

@ -2,6 +2,7 @@
title: "Resurrection"
date: 2022-12-02T11:10:50-07:00
draft: true
current: true
---
Resurrection is a Spigot/Bukkit Minecraft Server plugin that forces players to wait a certain amount of time before rejoining the world. This allows for tactical planning for games such as faction survival and other PvP gamemodes as it can severely penalize an entire team if care is not taken.

1
content/projects/uirc.md
View file

@ -2,6 +2,7 @@
title: "uirc"
date: 2022-12-02T11:11:03-07:00
draft: true
current: true
---
It's exactly what it sounds like. It takes an image as an argument in the form of a file on the local file system or a link to an image on a web server, and returns the ratio of the image. That's literally it.

1
content/projects/wiimmfi.md
View file

@ -2,6 +2,7 @@
title: "Wiimmfi Watcher"
date: 2022-12-02T11:11:13-07:00
draft: true
current: false
---
Wiimmfi Watcher is an unofficial Android app that displays online Mario Kart Wii room data by entering a friend code. Wiimmfi is a fan-made server that replaces the now defunct Nintendo Wi-Fi Connection ("Nintendo WFC" for short) and supports many popular Nintendo Wii and DS games, with the most popular being Mario Kart Wii. I am not offiliated with the Wiimmfi project nor it's developers. This app can be used in several different languages.

6
layouts/_default/single.html Normal file
View file

@ -0,0 +1,6 @@
{{ partial "head.html" . }}
<h2>{{$.Title}}</h2>
<p></p>
<hr>
{{.Content}}
{{ partial "foot.html" . }}

6
layouts/blog/single.html Normal file
View file

@ -0,0 +1,6 @@
{{ partial "head.html" . }}
<h1>{{$.Title}}</h1>
<p>Posted by Bryson Steck on {{.Date.Format "January 2, 2006"}}</p>
<hr>
{{.Content}}
{{ partial "foot.html" . }}

10
layouts/index.html Normal file
View file

@ -0,0 +1,10 @@
{{ partial "head.html" . }}
{{ range (where (where .Site.RegularPages "Section" "blog") "Params.nohtml" "!=" "true") }}
{{- if .OutputFormats.Get "html" }}
<div class="list p-3 rounded-3">
<a href="{{.Permalink}}">{{.Title}}</a>
<span><br>{{.Date.Format "January 2, 2006"}}</span>
</div>
{{ end }}
{{ end }}
{{ partial "foot.html" . }}

12
layouts/partials/foot.html Normal file
View file

@ -0,0 +1,12 @@
</div>
<div class="col-lg-3 box rounded-3 sidebar">
<img class="pfp m-auto d-block mt-3 img-fluid img-circle" src="/bryson.jpg">
<br>
<span>Codeberg/Github: <a href="https://codeberg.org/brysonsteck">@brysonsteck</a><br></span>
<span>Email: <a href="mailto:brysonsteck@protonmail.com">brysonsteck@pm.me</a><br></span>
</div>
</div>
</div>
<footer>&copy; 2022-2023 Bryson Steck. </footer>
</body>
</html>

33
layouts/partials/head.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="theme-color" content="#282828">
<link
rel="stylesheet"
href="/bootstrap.css"
type="text/css"
/>
<link
rel="stylesheet"
href="/style.css"
type="text/css"
/>
<script src="/time.js"></script>
<title>{{ $.Title }} - Bryson Steck</title>
</head>
<body class="view">
<div class="container navbar">
<span class="navbar-title">Bryson Steck &nbsp;</span>
<ul class="nav">
<li class="navbar-item"><a href="/">Blog</a></li>
<li class="navbar-item"><a href="/projects">Projects</a></li>
<li class="navbar-item"><a href="/about-me">About Me</a></li>
<li class="navbar-item"><a href="/contact">Contact</a></li>
</ul>
<span class="time" id="time"></span>
</div>
<div class="container mt-3 p-0">
<div class="row">
<div class="col-lg-9">

37
layouts/partials/sidebar.html Normal file
View file

@ -0,0 +1,37 @@
<div class="col-lg-3 p-4">
<img class="rounded-circle mx-auto d-block img-fluid img-circle" src="/static/blog/bryson.jpg">
<h4><br />Bryson Steck</h4>
<a href="/">
<button type="button" class="mt-1 mb-1 btn btn-blue w-100">
<i class="fa-solid fa-address-book"></i>&ensp;Blog
</button>
</a>
<a href="/about">
<button type="button" class="mt-1 mb-1 btn btn-green w-100">
<i class="fa-solid fa-user"></i>&ensp;About Me
</button>
</a>
<a href="/projects">
<button type="button" class="mt-1 mb-1 btn btn-yellow w-100">
<i class="fa-solid fa-code"></i>&ensp;Projects
</button>
</a>
<a href="/contact">
<button type="button" class="mt-1 mb-1 btn btn-red w-100">
<i class="fa-solid fa-envelope-circle-check"></i>&ensp;Contact
</button>
</a>
<div class="row mt-3">
<a class="col-2" href="https://github.com/brysonsteck">
<i class="fa-brands fa-github fa-2xl"></i>
</a>
<a class="col-2" href="https://www.linkedin.com/in/brysonsteck/">
<i class="fa-brands fa-linkedin fa-2xl"></i>
</a>
<a class="col-2" href="https://play.google.com/store/apps/dev?id=8697902497679037997&hl=en_US&gl=US">
<i class="fa-brands fa-google-play fa-xl"></i>
</a>
</div>
<p class="disclaimer"><br />&copy; Bryson Steck 2021-2022</p>
<p class="disclaimer">Free and open source software under the AGPL v3.0 License.</p>
</div>

21
layouts/projects/list.html Normal file
View file

@ -0,0 +1,21 @@
{{ partial "head.html" . }}
<h2>My Projects</h2>
<hr>
<h4>Currently Maintained</h4>
{{ range .Pages }}
{{ if .Params.current }}
<div class="list p-3 rounded-3">
<a href="{{.Permalink}}">{{.Title}}</a>
</div>
{{ end }}
{{ end }}
<br>
<h4>Old/Unmaintained</h4>
{{ range .Pages }}
{{ if not .Params.current }}
<div class="list p-3 rounded-3">
<a href="{{.Permalink}}">{{.Title}}</a>
</div>
{{ end }}
{{ end }}
{{ partial "foot.html" . }}

8
layouts/projects/single.html Normal file
View file

@ -0,0 +1,8 @@
{{ partial "head.html" . }}
<h1>{{$.Title}}</h1>
<p>Posted by Bryson Steck on {{.Date.Format "January 2, 2006"}}</p>
<hr>
<div class="project">
{{.Content}}
</div>
{{ partial "foot.html" . }}

7
static/bootstrap.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

BIN
static/bryson.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
static/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

147
static/style.css Normal file
View file

@ -0,0 +1,147 @@
@font-face {
font-family: Inter;
src: url(/fonts/Inter-Thin.ttf);
font-weight: 100;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-ExtraLight.ttf);
font-weight: 200;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-Light.ttf);
font-weight: 300;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-Medium.ttf);
font-weight: 500;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-SemiBold.ttf);
font-weight: 600;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-Bold.ttf);
font-weight: 700;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-ExtraBold.ttf);
font-weight: 800;
}
@font-face {
font-family: Inter;
src: url(/fonts/Inter-Black.ttf);
font-weight: 900;
}
body {
max-width: 1050px;
margin: 0 auto;
background-color: #282828;
color: #ebdbb2;
font-family: Inter;
}
p {
color: #a89984;
}
a {
color: #458588;
font-style: underline;
}
a:visited {
color: #b16286;
font-style: underline;
}
a:hover {
color: #83a598;
font-style: underline;
}
.navbar {
padding: 20px 0;
font-size: 20px;
display: block;
}
.navbar-title {
font-weight: 600;
padding-right: 10px;
padding-top: 2px;
}
.nav {
display: inline;
padding-left: 0;
padding-bottom: 1px;
}
.navbar-item {
font-size: 18px;
padding-right: 10px;
padding-bottom: 5px;
list-style-type: none;
display: inline;
}
.time {
float: right;
font-size: 17px;
padding-top: 2px;
}
img.pfp {
max-width: 40%;
border-radius: 15px;
}
.box {
background-color: #3c3836;
}
.list {
background-color: #3c3836;
margin-bottom: 8px;
}
.list a {
font-weight: bold;
font-size: 18px;
}
.sidebar {
max-height: 13em;
min-height: 13em;
font-size: 15px;
}
.project img {
max-width: 100%;
}
footer {
text-align: center;
padding: 30px 0;
color: #7c6f64;
}

27
static/time.js Normal file
View file

@ -0,0 +1,27 @@
function updateTime(){
var date = new Date()
var hours = date.getHours()
var minutes = date.getMinutes()
var seconds = date.getSeconds()
var old_hours = hours;
if (hours > 12) {
hours = hours - 12
} else if (hours == 0) {
hours = 12
}
if (minutes < 10) {
minutes = "0" + minutes
}
var t_str = hours + ":" + minutes;
if (old_hours > 11) {
t_str += " pm";
} else {
t_str += " am";
}
document.getElementById('time').innerHTML = t_str;
}
setInterval(updateTime, 1);