Wipe it all out and start from scratch
This commit is contained in:
parent
f1ee3e50a1
commit
79ae73e141
9
.gitignore
vendored
9
.gitignore
vendored
@ -1,4 +1,5 @@
|
||||
style.css
|
||||
style.css.map
|
||||
|
||||
*.tar.gz
|
||||
_site
|
||||
.sass-cache
|
||||
.jekyll-cache
|
||||
.jekyll-metadata
|
||||
vendor
|
||||
|
||||
3
_config.yml
Normal file
3
_config.yml
Normal file
@ -0,0 +1,3 @@
|
||||
url: "http://billros.si" # the base hostname & protocol for your site, e.g. http://example.com
|
||||
baseurl: "/" # the subpath of your site, e.g. /blog
|
||||
title: "billros.si" # the name of your site, e.g. ACME Corp.
|
||||
7
_includes/nav.html
Normal file
7
_includes/nav.html
Normal file
@ -0,0 +1,7 @@
|
||||
<ul class="nav">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/programming">Programming</a></li>
|
||||
<li><a href="/phonics">Phonics</a></li>
|
||||
<li><a href="/japanese">Japanese</a></li>
|
||||
<li><a href="/cooking">Cooking</a></li>
|
||||
</ul>
|
||||
13
_layouts/default.html
Normal file
13
_layouts/default.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.lang | default: "en-US" }}">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<title>{{ page.title }} - {{ site.title }}</title>
|
||||
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
|
||||
</head>
|
||||
<body>
|
||||
{% include nav.html %}
|
||||
{{ content }}
|
||||
</body>
|
||||
</html>
|
||||
9
_sass/base.scss
Normal file
9
_sass/base.scss
Normal file
@ -0,0 +1,9 @@
|
||||
$backgroundColor: #ffffff;
|
||||
$bodyColor: #000000;
|
||||
$bodyFont: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
|
||||
|
||||
body {
|
||||
background: $backgroundColor;
|
||||
color: $bodyColor;
|
||||
font-family: $bodyFont;
|
||||
}
|
||||
4
assets/css/main.scss
Normal file
4
assets/css/main.scss
Normal file
@ -0,0 +1,4 @@
|
||||
---
|
||||
---
|
||||
|
||||
@import "base";
|
||||
16
bin/publish
16
bin/publish
@ -1,16 +0,0 @@
|
||||
#!/bin/zsh
|
||||
|
||||
# Clean artifacts
|
||||
rm style/style.css
|
||||
rm style/style.css.map
|
||||
rm billros.si.tar.gz
|
||||
|
||||
# Generate css
|
||||
sass style/style.scss style/style.css
|
||||
|
||||
# Tar it up
|
||||
tar czf billros.si.tar.gz index.html style js
|
||||
|
||||
# Upload it
|
||||
open https://hpanel.hostinger.com/hosting/billros.si/website/import-website
|
||||
|
||||
59
index.html
59
index.html
@ -1,59 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>billros.si</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<link type="text/css" rel="stylesheet" href="./style/style.scss">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner:wght@600&family=Exo+2&family=Righteous&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0" />
|
||||
<script src="js/index.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1 class="logo">billros.si</h1>
|
||||
<nav>
|
||||
<ul class="season">
|
||||
<li onclick="setSeason('spring')"><span class="material-symbols-outlined">eco</span></li>
|
||||
<li onclick="setSeason('summer')"><span class="material-symbols-outlined">sunny</span></li>
|
||||
<li onclick="setSeason('autumn')"><span class="material-symbols-outlined">park</span></li>
|
||||
<li onclick="setSeason('winter')"><span class="material-symbols-outlined">ac_unit</span></li>
|
||||
</ul>
|
||||
<ul class="hide-small">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="https://github.com/bassguitarbill">Github</a></li>
|
||||
<li><a href="https://whatguns.itch.io/">itch.io</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<h2>Hi</h2>
|
||||
<p>My name is Bill Rossi. I'm a millennial computer programmer and musician, with a penchant for bad jokes and a deep, abiding love of Japanese cuisine. I bought this domain name on a whim, and I plan to use it to boast and brag about my accomplishments. This is the Internet: don't let anyone lie to you and tell you that the Internet is important for commerce, or for business, or for trading pictures of monkeys back and forth in exchange for unimaginable sums of money. The Internet is looking at pictures and videos of cute animals, and talking about yourself.</p>
|
||||
<p>In my life, there is a large contradiction. One the one hand, I like talking about what I'm up to, sharing with friends and strangers alike the skills I'm learning and the stuff I'm making. On the other, I had to quit Twitter because I got very, very addicted. I therefore have nowhere to share what I've been up to. Hence, billros.si.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Programming</h2>
|
||||
<p>In my normal life, I'm a computer programmer. I think my actual job title is "engineer" but I have some complicated thoughts about the difference between "computer science", "web development", "software engineering", and other such terms that are often used interchangably but which definitely mean different things. Anyway, I enjoy my job and I spend a good portion of my life working at it, but it doesn't have a lot to wo with who I am as a person.</p>
|
||||
<p>Unless I'm actively handing you a résumé, you probably don't need to know about my job. If you want to know about the things I program, I'd rather you know about the games I create. Programming can be used for a lot more than moving numbers across spreadsheets; it can be used for self-expression, for creative output, and for fun. I've played probably 1000 video games in my life, and only recently have I begun to make my own.</p>
|
||||
<!-- --- something about game jams -->
|
||||
</section>
|
||||
<section>
|
||||
<h2>Music</h2>
|
||||
<p>Here's a brag: I can play many different musical instruments. I'm gonna list them: bass guitar, guitar, drum kit, mandolin, banjo, cello, double bass, clarinet, saxophone, keyboard, and I can also sing. I've put a lot of time into the bass guitar, and it's the only instrument I'd say I'm actually good at. Everything else, I range from "mediocre" to "how the hell do I play the banjo, let me look up a video, oh there's no way that's possible". It turns out, though, that even playing an instrument badly can still be a lot of fun.</p>
|
||||
<p>I'm fortunate to have several musical friends, and it's a common occurrence for us to sit around and play mostly acoustic covers of emo songs. This is apparently a weird thing to do: we were one time pegged by an acquaintance as "church kids??", which I guess makes sense as a guess, but in reality we all just like creating music together.</p>
|
||||
<!-- links to my soundcloud, my former bands, and ear buds -->
|
||||
</section>
|
||||
<section>
|
||||
<h2>Language and Phonics</h2>
|
||||
<p>There are some YouTube videos that have changed my life and two of them are important here. <a href="https://youtu.be/NvDvESEXcgE">Movie Accent Expert Breaks Down 32 Actors' Accents</a>, featuring dialect coach Eric Singer, is one. It seems very, very obvious, but the idea that different accents can be created by pronouncing vowels differently, and that vowels can be pronounced differently by moving the tongue in different ways, was completely new to me. This video focuses exclusively on English, but it led me to further explore phonics in other languages, and discover that a lot of things that I take for granted in English, like our weird "R" sound that contrasts with trills, taps, or central European uvular "R"s. For something that nearly everybody does all the time, I feel like most people don't think about the actual mechanics of speaking very much, and I find it fascinating.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Japan</h2>
|
||||
<p>The other important video is Bill Wurtz' <a href="https://youtu.be/Mh5LY4Mz15o">History of Japan</a>. Growing up, I was never especially into anime, and I've still never read a manga. Pokémon and Dragon Ball Z were just cartoons to me, and I found it impossible to understand why my friend owned a Japanese import copy of Pokémon Silver version: what was so interesting about Japan? Then the legendary Bill Wurtz released a nine-minute video about the history of an island nation that I hadn't given much thought, and it really intrigued me. How the samurai class came to power, how the country was closed to outsiders for two centuries, how it was torn open again by the United States of America, and how it rapidly modernized and began building an empire from scratch. I decided soon afterwards that I needed to see this place for myself.</p>
|
||||
<p>One thing stood (in my mind) in the way: when I get to Tokyo, how am I going to communicate? This is not Scandanavia, or even FRance, where at least in urban areas, English proficiency can be relied upon. In Japan, they speak Japanese. They learn English like we learn Spanish: everybody learns it, then most people just forget it. America being such a global cultural hegemon, English is obviously present to a degree in Japanese life, but most folks would not be able to have a complicated conversation in English. The attitude of expecting global citizens to cater to me and speak my language, I decided, was very old-fashioned, and I resolved to try my best to learn how to speak, read, and understand Japanese.</p>
|
||||
<p>It's really challenging! It's so different from English in its syntax, and its kanji logography is simply massive. Pronunciation cannot be inferred at all from the appearance of the characters, and the overwhelming majority of characters have multiple, completely different, pronunciations. After some false starts, I grabbed a popular flashcard deck and began practicing. Progress is slow, but it's coming.</p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
8
index.md
Normal file
8
index.md
Normal file
@ -0,0 +1,8 @@
|
||||
---
|
||||
layout: default
|
||||
title: "Happy Jekylling!"
|
||||
---
|
||||
|
||||
## You're ready to go!
|
||||
|
||||
Start developing your Jekyll website.
|
||||
31
js/index.js
31
js/index.js
@ -1,31 +0,0 @@
|
||||
const SEASONAL_COLORS = {
|
||||
spring: {
|
||||
bg: '#76BA99',
|
||||
logo: '#CED89E',
|
||||
shadow: '#ADCF9F',
|
||||
},
|
||||
summer: {
|
||||
bg: '#0078AA',
|
||||
logo: '#F6F6F6',
|
||||
shadow: '#F2DF3A',
|
||||
},
|
||||
autumn: {
|
||||
bg: '#9D5C0D',
|
||||
logo: '#F7D08A',
|
||||
shadow: '#E5890A',
|
||||
},
|
||||
winter: {
|
||||
bg: '#242F9B',
|
||||
logo: '#9BA3EB',
|
||||
shadow: '#646FD4',
|
||||
},
|
||||
}
|
||||
|
||||
function setSeason(season) {
|
||||
document.querySelector(':root').style.setProperty('--background-color', SEASONAL_COLORS[season].bg);
|
||||
document.querySelector(':root').style.setProperty('--logo-color', SEASONAL_COLORS[season].logo);
|
||||
document.querySelector(':root').style.setProperty('--logo-shadow-color', SEASONAL_COLORS[season].shadow);
|
||||
localStorage.setItem('season', season);
|
||||
}
|
||||
|
||||
setSeason(localStorage.getItem('season') || 'spring');
|
||||
8
programming.md
Normal file
8
programming.md
Normal file
@ -0,0 +1,8 @@
|
||||
---
|
||||
layout: default
|
||||
title: "Programming wow!"
|
||||
---
|
||||
|
||||
## Programming
|
||||
|
||||
Git is just the best huh
|
||||
108
style/style.scss
108
style/style.scss
@ -1,108 +0,0 @@
|
||||
$font-edu-vic: 'Edu VIC WA NT Beginner', cursive;
|
||||
$font-righteous: 'Righteous', cursive;
|
||||
$font-exo-2: 'Exo 2', 'sans-serif';
|
||||
|
||||
:root {
|
||||
--background-color: #76BA99;
|
||||
--logo-color: #CED89E;
|
||||
--logo-shadow-color: #ADCF9F;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
background-color: var(--background-color);
|
||||
color: white;
|
||||
font-family: $font-exo-2;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 20px 2%;
|
||||
h1 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-family: $font-edu-vic;
|
||||
font-size: 36pt;
|
||||
color: var(--logo-color);
|
||||
filter: drop-shadow(3px 4px 0px var(--logo-shadow-color));
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: $font-righteous;
|
||||
ul {
|
||||
margin: 0%;
|
||||
li {
|
||||
display: inline;
|
||||
list-style: none;
|
||||
a {
|
||||
color: var(--logo-shadow-color);
|
||||
font-size: 24pt;
|
||||
padding-left: 12pt;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--logo-color);
|
||||
filter: drop-shadow(1px 1px 0px var(--logo-shadow-color));
|
||||
animation-name: light-up;
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
}
|
||||
li:hover {
|
||||
color: var(--logo-color);
|
||||
filter: drop-shadow(1px 1px 0px var(--logo-shadow-color));
|
||||
animation-name: light-up;
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
}
|
||||
ul.season {
|
||||
color: var(--logo-shadow-color);
|
||||
padding-left: 0px;
|
||||
font-size: 30pt;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0px 25%;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
main {
|
||||
margin: 0px 5%;
|
||||
}
|
||||
.hide-small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 35px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
h2 {
|
||||
align-self: center;
|
||||
font-size: 30pt;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--logo-color);
|
||||
}
|
||||
|
||||
@keyframes light-up {
|
||||
0% {
|
||||
color: var(--logo-shadow-color);
|
||||
}
|
||||
100% {
|
||||
color: var(--logo-color);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user