shylie/shylie.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add link stylingD

Browse Source
This commit is contained in:
Shylie 2024-01-13 12:52:14 -05:00
parent bf33961efb
commit 1b285da4b1
4 changed files with 45 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -10,6 +10,8 @@
<h2>Header 2 Text...</h2> <h2>Header 2 Text...</h2>
<p>Lorem ipsum nec feugiat proin dictumst felis odio, netus sollicitudin tempus facilisis faucibus amet, netus venenatis mollis ultrices quisque arcu. Fames molestie purus nibh malesuada in etiam, bibendum auctor mollis donec volutpat felis purus, tellus litora vehicula nullam praesent. Curabitur quisque gravida tincidunt a commodo auctor fames hac massa vel eleifend quisque torquent, aliquam orci arcu aenean hac pellentesque sit amet integer ultricies quam.</p> <p>Lorem ipsum nec feugiat proin dictumst felis odio, netus sollicitudin tempus facilisis faucibus amet, netus venenatis mollis ultrices quisque arcu. Fames molestie purus nibh malesuada in etiam, bibendum auctor mollis donec volutpat felis purus, tellus litora vehicula nullam praesent. Curabitur quisque gravida tincidunt a commodo auctor fames hac massa vel eleifend quisque torquent, aliquam orci arcu aenean hac pellentesque sit amet integer ultricies quam.</p>
<p class="block">Eu ullamcorper hendrerit ad convallis sociosqu orci ipsum rhoncus egestas, vehicula litora per risus proin velit aenean amet duis, porttitor sagittis massa aptent nostra tellus mollis magna. Bibendum integer cursus etiam sollicitudin et consectetur ad tellus conubia netus, sodales sapien vehicula rhoncus dictumst egestas pellentesque sem. Magna et vel torquent commodo mauris eget a, molestie ornare taciti turpis litora urna felis, platea posuere donec imperdiet suscipit posuere.</p> <p class="block">Eu ullamcorper hendrerit ad convallis sociosqu orci ipsum rhoncus egestas, vehicula litora per risus proin velit aenean amet duis, porttitor sagittis massa aptent nostra tellus mollis magna. Bibendum integer cursus etiam sollicitudin et consectetur ad tellus conubia netus, sodales sapien vehicula rhoncus dictumst egestas pellentesque sem. Magna et vel torquent commodo mauris eget a, molestie ornare taciti turpis litora urna felis, platea posuere donec imperdiet suscipit posuere.</p>
<p>Some more text and this time it's got a <a href="">link</a> and that's pretty cool.</p>
<p class="block">Even more text (in a block this time) and wow another <a href="">link</a> omg.</p>
</div> </div>
</body> </body>
</html> </html>

BIN
resources/BlockKie.ttf Normal file
View File

Binary file not shown.

0
resources/ProggyTinyLicense → resources/ProggyTinyLicense.txt
View File

50
resources/style.css
View File

@ -3,6 +3,11 @@
src: url('ProggyTiny.ttf'); src: url('ProggyTiny.ttf');
} }
@font-face {
font-family: 'blockkie';
src: url('BlockKie.ttf');
}
* { * {
font-weight: 400; font-weight: 400;
} }
@ -11,30 +16,61 @@ html {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: auto; margin: auto;
margin-top: 20px; margin-top: 100px;
font-family: 'proggy-tiny'; font-family: 'blockkie';
font-size: 32px; font-size: 32px;
background: #400; background: #400;
color: #FB8; color: #FB8;
text-shadow: 2px 2px #100; text-shadow: 2px 2px #300;
} }
body { body {
text-align: center; text-align: center;
background: #840; background: #840;
padding: 5px 25px 5px 25px; padding: 5px 25px 5px 25px;
box-shadow: 4px 4px 0px 1px #100; box-shadow: 4px 4px 0px 1px #300;
width: 65%; width: 65%;
} }
h1,.block { h1,.block {
padding: 0.125em; padding: 0.125em;
background: #600; background: #600;
box-shadow: 4px 4px 0px 1px #200; box-shadow: 4px 4px 0px 1px #300;
color: #FB0; color: #FB0;
text-shadow: 2px 2px #000; text-shadow: 2px 2px #000;
} }
h1 { .block {
text-shadow: 3.5px 3.5px #000; font-family: 'proggy-tiny'
}
h1 {
text-shadow: 3.5px 3.5px #300;
}
a {
background: #FB0;
color: #600;
padding: 0.125em;
text-decoration: none;
text-shadow: 1.5px 1.5px #300;
box-shadow: 4px 4px 0px 1px #300;
font-family: 'proggy-tiny';
top: -5px;
left: -2px;
margin-left: 2px;
margin-right: 2px;
position: relative;
}
.block a {
top: initial;
position: initial;
margin-left: initial;
margin-right: 1px;
}
a:hover {
background: #FF8;
color: #900;
} }