Browse Source

Modified CSS and HTML structure

master
Matthilde 4 months ago
parent
commit
b07a3a4757
4 changed files with 123 additions and 98 deletions
  1. +8
    -2
      footer.html
  2. +25
    -96
      header.html
  3. +4
    -0
      src/changes.md
  4. +86
    -0
      static/style.css

+ 8
- 2
footer.html View File

@ -1,8 +1,14 @@
</main>
<footer>
<center><b>-- EOF --</b></center>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
<p><b>-- EOF --</b></p>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
</p>
<p>
<a href="https://git.cutebunni.es/matthilde/cutebunni.es">
Site source</a>
</p>
</footer>
</body>
</html>

+ 25
- 96
header.html View File

@ -4,106 +4,35 @@
<meta charset="utf-8" />
<meta name="description" content="Epic Site." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body
{
margin-top: 10%;
margin-bottom: 10%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: 800px;
font-family: monospace;
font-size: 16px;
}
div#content
{
max-width: 700px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
left: 0;
right: 0;
text-align: left;
}
img
{
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
img.icon
{
float: left;
margin: 16px;
}
pre
{
font-size: 12px;
margin: 8px;
padding: 8px;
background-color: lightgrey;
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.dropdown
{
width: max-content;
}
/* Drop down */
.dropdown:hover .dropdown-content
{
display: block;
}
.dropdown-content
{
display: none;
font-size: 18px;
width: 225px;
}
</style>
<link rel=stylesheet type="text/css" href="/style.css" />
</head>
<body>
<header>
<img class="icon" src="/assets/pfp.small.png" />
<h1>mat~</h1>
<h3 style="font-weight: normal"><i>pls have virtual coffee uwu *gib*</i></h3>
<table>
<tr>
<th>
<img class="icon" src="/assets/pfp.small.png" />
</th>
<th>
<h1>mat~</h1>
<h3 style="font-weight: normal"><i>pls have virtual coffee uwu *gib*</i></h3>
</th>
</tr>
</table>
<nav>
<a href="/">Home</a>
<a href="/a.html">About me...</a>
<a href="/b.html">My blog!</a>
<a href="/r.html">My laptop rice</a>
<a href="/changes.html">Changelog</a>
<a href="/vicera/">VICERA</a>
<a href="https://wiki.cutebunni.es">Wiki</a>
<a href="https://git.cutebunni.es">Git</a>
<a href="https://lgbt.io/@matthilde">Mastodon</a>
<a href="https://unix.lgbt">unix.lgbt</a>
<nav>
</header>
<nav>
<a href="/">Home</a>
<a href="/a.html">About me...</a>
<a href="/b.html">My blog!</a>
<a href="/r.html">My laptop rice</a>
<a href="/changes.html">Changelog</a>
<a href="/vicera/">VICERA</a>
<a href="https://wiki.cutebunni.es">Wiki</a>
<a href="https://git.cutebunni.es">Git</a>
<a href="https://lgbt.io/@matthilde">Mastodon</a>
<a href="https://unix.lgbt">unix.lgbt</a>
<nav>
<!-- <h3 style="font-weight: normal">[ <a href="/">Home</a> | <a href="/a.html">About</a> | <a href="/b.html">Blog</a> | <a href="/r.html">Rice</a> | <a href="/p.html">Portfolio</a> | <a href="/vicera">VICERA</a> ]</p></h4> -->
<main>

+ 4
- 0
src/changes.md View File

@ -1,5 +1,9 @@
# Changelog
## v5.2 - CSS change
Modified the whole CSS because I got bored of the previous layout.
## v5.1 - Minor changes
Rewrote a few things and got rid of funbox's public access for now. Adding a


+ 86
- 0
static/style.css View File

@ -0,0 +1,86 @@
body
{
max-width: 700px;
font-family: sans-serif;
background-color: darkgrey;
margin: auto;
left: 0;
right: 0;
}
header, main, footer
{
margin: 16px;
padding: 16px;
background-color: white;
box-shadow: 8px 8px #00000088;
}
main h1,
main h2,
main h3
{
border-bottom: 4px solid lightgrey;
}
main a
{
color: grey;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
nav > a
{
background-color: black;
display: inline-block;
margin: 6px;
padding: 6px;
color: white;
text-decoration: none;
}
nav > a:hover
{
background-color: #444;
}
footer
{
font-size: 0.8em;
text-align: center;
font-family: monospace;
}
pre
{
word-wrap: break-word;
white-space: pre-wrap;
background-color: #eee;
border: 1px solid black;
border-radius: 4px;
padding: 12px;
}
code
{
background-color: #eee;
padding: 2px;
}
img
{
max-width: 100%;
height: auto;
}
header th
{
padding: 16px;
text-align: left;
}

Loading…
Cancel
Save