Added Xavi's Hobbies current homepage and css
This commit is contained in:
Xavi
parent
5dbbed3a6b
commit
4552907ca4
64
xavishobbies/layouts/index.html
Normal file
64
xavishobbies/layouts/index.html
Normal 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>
|
||||
165
xavishobbies/themes/xavis/static/css/style.css
Normal file
165
xavishobbies/themes/xavis/static/css/style.css
Normal 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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user