Add scss and a publish script
This commit is contained in:
parent
102797a9e0
commit
27ab8f053a
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
style.css
|
||||||
|
style.css.map
|
||||||
|
|
||||||
|
*.tar.gz
|
||||||
16
bin/publish
Executable file
16
bin/publish
Executable file
@ -0,0 +1,16 @@
|
|||||||
|
#!/bin/zsh
|
||||||
|
|
||||||
|
# Clean artifacts
|
||||||
|
rm style.css
|
||||||
|
rm style.css.map
|
||||||
|
rm billros.si.tar.gz
|
||||||
|
|
||||||
|
# Generate css
|
||||||
|
sass style.scss style.css
|
||||||
|
|
||||||
|
# Tar it up
|
||||||
|
tar czf billros.si.tar.gz index.html style.css
|
||||||
|
|
||||||
|
# Upload it
|
||||||
|
open https://hpanel.hostinger.com/hosting/billros.si/website/import-website
|
||||||
|
|
||||||
29
style.css
29
style.css
@ -1,29 +0,0 @@
|
|||||||
body {
|
|
||||||
margin: 0px;
|
|
||||||
background-color: #5b0605;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
/*width: 100%;*/
|
|
||||||
padding: 20px 2%;
|
|
||||||
/*border-bottom: 2px solid #972308;
|
|
||||||
background-color: #FFE5B4;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
font-family: 'Edu VIC WA NT Beginner', cursive;
|
|
||||||
font-size: 36pt;
|
|
||||||
color: #e0a94a;
|
|
||||||
filter: drop-shadow(3px 4px 0px #db832a);
|
|
||||||
text-decoration: underline dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav>ul>li {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
35
style.scss
Normal file
35
style.scss
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
$font-edu-vic: 'Edu VIC WA NT Beginner', cursive;
|
||||||
|
|
||||||
|
$color-bg: #2b0202;
|
||||||
|
$color-logo: #e0a94a;
|
||||||
|
$color-logo-shadow: #db832a;
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
background-color: $color-bg;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
font-family: $font-edu-vic;
|
||||||
|
font-size: 36pt;
|
||||||
|
color: $color-logo;
|
||||||
|
filter: drop-shadow(3px 4px 0px $color-logo-shadow);
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
ul {
|
||||||
|
margin: 0%;
|
||||||
|
li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user