Compare commits

...

2 Commits

Author SHA1 Message Date
Xavi
4552907ca4 Added Xavi's Hobbies current homepage and css 2023-02-17 23:02:05 -08:00
Xavi
5dbbed3a6b Added Xavi theme 2023-02-17 23:01:30 -08:00
15 changed files with 294 additions and 0 deletions

View File

View File

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

5
xavishobbies/config.toml Normal file
View File

@ -0,0 +1,5 @@
baseURL = 'https://xavishobbies.org/'
languageCode = 'en-us'
title = 'Xavis Hobbies'
theme='xavis'

View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title> Xavi's Hobbies </title>
</head>
<body>
<h2 id="text_site_heading">Xavi's Hobbies</h2>
<pre id="ascii_site_heading" style="text-align: center;">
_ __ _ _ __ __ __ __ _
| |/ /___ __ __(_| )_____ / / / /___ / /_ / /_ (_)__ _____
| / __ `/ | / / /|// ___/ / /_/ / __ \/ __ \/ __ \/ / _ \/ ___/
/ / /_/ /| |/ / / (__ ) / __ / /_/ / /_/ / /_/ / / __(__ )
/_/|_\__,_/ |___/_/ /____/ /_/ /_/\____/_.___/_.___/_/\___/____/
</pre>
<div class="text_block">
<h3 id="about_heading" class="entry_heading"> <a href=#about_heading>About</a> </h3>
<p> Xavi's Hobbies is a place were I <strong>[Xavi]</strong> document the things that I do.
The goal is to have a centralized place where I can document the info that I spend weeks learning and forget in 2 minutes.
I try to create detailed <em>step by step guides</em> so that whoever stumbles upon this can try anything I do out for themselves.
<em>ONE BIG CAVEAT!</em>
I have NO IDEA what I am doing.
So <em>try these things at your own peril</em>.
I'll try to add references and explanations as to why I did the things I did but that is <em>not a guarantee</em> of <em>success</em> or <em>safety</em> or... anything at all really. </p>
<p> Feel free to use anything from this website and have fun! </p>
</div>
<div class="text_block">
<h3 class="entry_heading"> <a href=./tots.html>Top of the Stack</a></h3>
<p> <a href=./tots.html> Top of the Stack </a> <strong>[aka tots]</strong> is my rantings of the most recent things that I have been working on.
You'll see pretty quickly how many projects get buried under my inability to stay focused and my lack of follow-through.
To make sure that this website is not one of those things, Top of the Stack will be updated at least bi-weekly <strong>[twice a week not every two weeks]</strong> on <em>Mondays</em> and <em>Thursdays</em>, even if it is to just say that I have spent all my free time getting jealous of people on youtube doing/creating cool things instead of actually just doing the things.
</div>
<div class="text_block">
<h3 id="hobbies_heading" class="entry_heading"> <a href=#hobbies_heading>Hobbies</a></h3>
<h4 class="hobby_heading"><a href="web_development.html">Web Development</a></h4>
<p class="description"> Guides and tots posts on developing and expanding this very website.</p>
<h4 class="hobby_heading"><a href="circuit_design.html">Circuit Design and Fabrication</a></h4>
<p class="description">Guides and tots posts on circuit design. I have some formal education but, as with everything, I end up forgetting a lot of it with time. This should cover theory <strong>[like running through labs from the Art of Electronics]</strong> as well as pcb fabrication <strong>[with things like KiCAD and PCB milling]</strong>.</p>
<h4 class="hobby_heading"><a href="cooking.html">Cooking</a></h4>
<p class="description">Watch me turn the best, freshest ingredients into absolute slop. I'll post links of the recipes I try and photos of my shot at it.</p>
<h4 class="hobby_heading"><a href="music.html">Music</a></h4>
<p class="description"> I'll post my banjo dittys and what methods I use to make people who don't play instruments think that I am good. I mostly play clawhammer banjo. I particularly like songs from the mountains of Appalachia.<p>
<h4 class="hobby_heading"><a href="car_restoration.html">Car "Restoration"</a></h4>
<p class="description"> Oh boy, am I way over my head on this one. I'll post how I chose to destroy my 1985 Nissan 300z for the week. I have no idea what I am doing here. What is a camshaft?</p>
</div>
<div class="text_block">
<h4 id="git_link" style="margin-top: 0px;"><a href=./git>Code</h4>
<h4 id="peertube_link"><a href=#peertube_link>Videos [Coming Soon]</h4>
</div>
</body>
</html>

View File

@ -0,0 +1,20 @@
The MIT License (MIT)
Copyright (c) 2023 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.

View File

@ -0,0 +1,2 @@
+++
+++

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
</body>
</html>

View File

@ -0,0 +1,165 @@
body{
max-width:850px;
margin-left: auto;
margin-right: auto;
background: black;
color: #aa8400;
font-family: monospace;
font-size: 15px;
font-weight: 525;
position:relative;
line-height: 20px;
}
h1{
color: #c19600;
}
h2{
font-size: 25px;
color: #ff00e5;
padding-left: 10px;
}
h3{
font-size: 20px;
color: #00BD97;
}
h4{
font-size: 16px;
color: #8a589b;
}
h5{
font-size: 12px;
color: #CC85DE;
}
h6{
color: #c19600;
}
a{
color: #00BD97;
text-decoration: inherit;
}
a:hover{
color: purple;
}
em{
color: #ff00e5;
font: inherit;
}
strong{
color: #07AC00;
}
table, th, td {
padding-left: 5px;
padding-right: 5px;
border: 1px solid
}
footer{
text-align: center;
}
figcaption{
text-align:center;
font-size: 13px;
max-width: 100%;
}
code{
color: white;
font-size: 12px;
font-weight: 500;
background: #444444;
border-radius: 5px;
padding: 3px;
}
.code_block{
white-space: pre-line;
margin-left:1em;
margin-right:1em;
display: block;
color: white;
font-size: 12px;
font-weight: 500;
background: #444444;
border-radius: 5px;
padding: 3px;
}
img.resize{
display: block;
max-width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.text_block{
margin-top: 30px;
padding: 10px;
border-style: dashed;
border-width: 1px;
}
.tots_post{
margin-top: 30px;
padding: 10px;
border-style: dashed;
border-width: 1px;
}
.hobby_heading{
margin-bottom: 0px;
}
.cooking_list{
margin-top: 0px;
margin-bottom: 20px;
}
.description{
margin-top: 0px;
}
/* tots.html */
.tots_heading {
margin-bottom: 30px;
}
.entry_heading{
margin-top: 0px;
margin-bottom: 0px;
}
.tots_date_category{
margin-top: 0px;
margin-bottom: 0px;
}
#ascii_site_heading{
color: #ff00e5;
}
@media all and (max-width: 850px){
#ascii_site_heading{
display: none;
}
}
@media all and (min-width: 851px){
#text_site_heading{
display: none;
}
}

View File

@ -0,0 +1,21 @@
# theme.toml template for a Hugo theme
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
name = "Xavis"
license = "MIT"
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
description = ""
homepage = "http://example.com/"
tags = []
features = []
min_version = "0.41.0"
[author]
name = ""
homepage = ""
# If porting an existing theme
[original]
name = ""
homepage = ""
repo = ""