Swappable stylesheets
This commit is contained in:
parent
3b257558f5
commit
c66b2693a0
3
homepage/givemerights.css
Normal file
3
homepage/givemerights.css
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
body {
|
||||||
|
background-image: linear-gradient(#bcdeff, #efdbfc, #bcdeff);
|
||||||
|
}
|
@ -4,18 +4,8 @@
|
|||||||
<TITLE>(d+(7-s))</TITLE>
|
<TITLE>(d+(7-s))</TITLE>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
background-color: #3B6EA5;
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
font-weight: normal;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="https://raw.githubusercontent.com/devenblake/homepage/master/favicon.ico">
|
<link rel="shortcut icon" type="image/x-icon" href="https://raw.githubusercontent.com/devenblake/homepage/master/favicon.ico">
|
||||||
|
<link rel="stylesheet" id="styling" href="./windowsclassic.css" />
|
||||||
</HEAD>
|
</HEAD>
|
||||||
<BODY>
|
<BODY>
|
||||||
<p>Hi, I'm Deven Blake. I'm just your normal everyday nerd.</p>
|
<p>Hi, I'm Deven Blake. I'm just your normal everyday nerd.</p>
|
||||||
@ -66,7 +56,20 @@
|
|||||||
<input type="button" value="prefix (s-expression)" onclick="document.title='(+ d (- 7 s))';" />
|
<input type="button" value="prefix (s-expression)" onclick="document.title='(+ d (- 7 s))';" />
|
||||||
<input type="button" value="infix (algrebraic)" onclick="document.title='(d+(7-s))';" />
|
<input type="button" value="infix (algrebraic)" onclick="document.title='(d+(7-s))';" />
|
||||||
<input type="button" value="postfix (rpn)" onclick="document.title='d 7 s - +';" />
|
<input type="button" value="postfix (rpn)" onclick="document.title='d 7 s - +';" />
|
||||||
|
<p><small>The following buttons use JavaScript to change this page's stylesheet.</small></p>
|
||||||
|
<input
|
||||||
|
type="button" value="notheme"
|
||||||
|
onclick="document.getElementById('styling').setAttribute('href', '');"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="button" value="givemerights"
|
||||||
|
onclick="document.getElementById('styling').setAttribute('href', 'givemerights.css');"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="button" value="windowsclassic"
|
||||||
|
onclick="document.getElementById('styling').setAttribute('href', 'windowsclassic.css');"
|
||||||
|
/>
|
||||||
<hr size="1" width="25%" align="left" />
|
<hr size="1" width="25%" align="left" />
|
||||||
<p>This site is best viewed in Firefox.</p>
|
<p>This site is best viewed in Firefox but is tested in Lynx. </p>
|
||||||
</BODY>
|
</BODY>
|
||||||
</HTML>
|
</HTML>
|
||||||
|
10
homepage/windowsclassic.css
Normal file
10
homepage/windowsclassic.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
body {
|
||||||
|
background-color: #3B6EA5;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user