joshua/fhqwhgads
1
0
Fork 0
mirror of https://github.com/seigler/fhqwhgads synced 2025-07-26 22:46:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

make asset paths relative

Browse source
This commit is contained in:
Joshua Seigler 2017-02-13 09:49:02 -05:00
parent 9115700d22
commit 89587fb47d
3 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -3,7 +3,7 @@ FHQWHGADS
This is an homage to Homestar Runner's Strongbad Email #9, http://homestarrunner.com/sbemail9.html This is an homage to Homestar Runner's Strongbad Email #9, http://homestarrunner.com/sbemail9.html
You can see it hosted at http://fhqwhgads.bit/ (if that won't resolve for you, use http://fhqwhgads.bit.pe/) You can see it hosted at https://seigler.github.io/fhqwhgads/
## Setup ## Setup

18
docs/compiled-styles.css
View file

@ -16,7 +16,7 @@ body {
line-height: 1.2; line-height: 1.2;
box-sizing: border-box; box-sizing: border-box;
background-color: #254b72; background-color: #254b72;
background-image: url('/assets/images/table.svg'); background-image: url('assets/images/table.svg');
background-size: 100% 100%; background-size: 100% 100%;
} }
html { html {
@ -51,7 +51,7 @@ html {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background-image: url('/assets/images/screen.svg'); background-image: url('assets/images/screen.svg');
background-size: 100% 100%; background-size: 100% 100%;
} }
#compy > #case > .knob { #compy > #case > .knob {
@ -60,7 +60,7 @@ html {
left: 8.5%; left: 8.5%;
height: 7%; height: 7%;
width: 4.7%; width: 4.7%;
background: url('/assets/images/knob.svg'); background: url('assets/images/knob.svg');
background-size: 100% 100%; background-size: 100% 100%;
cursor: pointer; cursor: pointer;
} }
@ -85,7 +85,7 @@ html {
bottom: -3em; bottom: -3em;
-webkit-animation: scroll 2s linear infinite; -webkit-animation: scroll 2s linear infinite;
animation: scroll 2s linear infinite; animation: scroll 2s linear infinite;
background: url('/assets/images/scanline.svg') #000000; background: url('assets/images/scanline.svg') #000000;
background-size: 100% 15%; background-size: 100% 15%;
background-repeat: repeat-y; background-repeat: repeat-y;
background-position: 50% 0%; background-position: 50% 0%;
@ -178,11 +178,11 @@ html {
} }
@font-face { @font-face {
font-family: 'computerfontregular'; font-family: 'computerfontregular';
src: url('/assets/fonts/computerfont-webfont.eot'); src: url('assets/fonts/computerfont-webfont.eot');
src: url('/assets/fonts/computerfont-webfont.eot?#iefix') format('embedded-opentype'), src: url('assets/fonts/computerfont-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/computerfont-webfont.woff2') format('woff2'), url('assets/fonts/computerfont-webfont.woff2') format('woff2'),
url('/assets/fonts/computerfont-webfont.woff') format('woff'), url('assets/fonts/computerfont-webfont.woff') format('woff'),
url('/assets/fonts/computerfont-webfont.ttf') format('truetype'); url('assets/fonts/computerfont-webfont.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

8
src/assets/css/style.less
View file

@ -12,7 +12,7 @@ html, body {
line-height: 1.2; line-height: 1.2;
box-sizing: border-box; box-sizing: border-box;
background-color: #254b72; background-color: #254b72;
background-image: url('/assets/images/table.svg'); background-image: url('assets/images/table.svg');
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -44,7 +44,7 @@ html {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background-image: url('/assets/images/screen.svg'); background-image: url('assets/images/screen.svg');
background-size: 100% 100%; background-size: 100% 100%;
>.knob { >.knob {
position: absolute; position: absolute;
@ -52,7 +52,7 @@ html {
left: 8.5%; left: 8.5%;
height: 7%; height: 7%;
width: 4.7%; width: 4.7%;
background: url('/assets/images/knob.svg'); background: url('assets/images/knob.svg');
background-size: 100% 100%; background-size: 100% 100%;
cursor: pointer; cursor: pointer;
&#knobup { &#knobup {
@ -76,7 +76,7 @@ html {
top: 0; top: 0;
bottom: -3em; bottom: -3em;
animation: scroll 2s linear infinite; animation: scroll 2s linear infinite;
background: url('/assets/images/scanline.svg') black; background: url('assets/images/scanline.svg') black;
background-size: 100% 15%; background-size: 100% 15%;
background-repeat: repeat-y; background-repeat: repeat-y;
background-position: 50% 0%; background-position: 50% 0%;