Make nice seasonal styles, put them in their own folder

This commit is contained in:
Bill Rossi 2022-07-14 19:23:41 -04:00
parent 635deb7855
commit f10001212f
7 changed files with 26 additions and 11 deletions

View File

@ -1,15 +1,15 @@
#!/bin/zsh
# Clean artifacts
rm style.css
rm style.css.map
rm style/style.css
rm style/style.css.map
rm billros.si.tar.gz
# Generate css
sass style.scss style.css
sass style/style.scss style/style.css
# Tar it up
tar czf billros.si.tar.gz index.html style.css
tar czf billros.si.tar.gz index.html style
# Upload it
open https://hpanel.hostinger.com/hosting/billros.si/website/import-website

View File

@ -1,7 +1,7 @@
<html>
<head>
<title>Bill Rossi - Software Engineer</title>
<link type="text/css" rel="stylesheet" href="./style.css">
<link type="text/css" rel="stylesheet" href="./style/style.css">
<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=Righteous&display=swap" rel="stylesheet">
@ -17,7 +17,5 @@
</ul>
</nav>
</header>
<h1>Hello, world!</h1>
<p>This page is profoundly and deeply under construction. Check back in a couple of days!</p>
</body>
</html>

4
style/_autumn.scss Normal file
View File

@ -0,0 +1,4 @@
// https://colorhunt.co/palette/9d5c0de5890af7d08afafafa
$color-bg: #9D5C0D;
$color-logo: #F7D08A;
$color-logo-shadow: #E5890A;

4
style/_spring.scss Normal file
View File

@ -0,0 +1,4 @@
// https://colorhunt.co/palette/76ba99adcf9fced89effdcae
$color-bg: #76BA99;
$color-logo: #CED89E;
$color-logo-shadow: #ADCF9F;

4
style/_summer.scss Normal file
View File

@ -0,0 +1,4 @@
// https://colorhunt.co/palette/0078aa3ab4f2f2df3af6f6f6
$color-bg: #0078AA;
$color-logo: #F6F6F6;
$color-logo-shadow: #F2DF3A;

4
style/_winter.scss Normal file
View File

@ -0,0 +1,4 @@
// https://colorhunt.co/palette/242f9b646fd49ba3ebdbdffd
$color-bg: #242F9B;
$color-logo: #9BA3EB;
$color-logo-shadow: #646FD4;

View File

@ -1,10 +1,11 @@
// @use 'spring' as *;
@use 'summer' as *;
// @use 'autumn' as *;
// @use 'winter' as *;
$font-edu-vic: 'Edu VIC WA NT Beginner', cursive;
$font-righteous: 'Righteous', cursive;
$color-bg: #2b0202;
$color-logo: #e0a94a;
$color-logo-shadow: #db832a;
body {
margin: 0px;
background-color: $color-bg;