patate/patate.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: header displaying incorrectly on older browsers, website background/centering

Browse Source
This commit is contained in:
ALittlePatate
2025-03-04 15:03:49 +01:00
parent 85f4b419b3
commit df5a40a7b1
3 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
css/styles.css
View File

@@ -1,22 +1,21 @@
html { html {
max-width: 1200px;
/* no idea why or how it works, but it works*/
display: block;
margin-left: 20%;
margin-right: 20%;
background: rgb(18,24,217); background: rgb(18,24,217);
background-color: rgba(18,24,217); background-color: rgba(18,24,217);
background: url(../images/bg.gif) repeat 0 0; background: url(../images/bg.gif) repeat 0 0;
} }
.page_div {
width: 60%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#spike { #spike {
vertical-align: bottom; vertical-align: bottom;
border-style:solid; border-style:solid;
border-color:rgba(18,24,217,0.6); border-color:rgba(18,24,217,0.6);
width: 10.1%;
height: 10.1%;
max-width: 100%; max-width: 100%;
object-fit: cover; object-fit: cover;
} }
@@ -56,13 +55,18 @@ a:active {
} }
.menu_link { .menu_link {
position: relative; position: fixed;
bottom: 1px; top: 90px;
}
.links_container {
margin-left: 145px;
position: absolute;
} }
.menu { .menu {
width: auto; width: 100%;
height: auto; height: 101.683px;
overflow: hidden; overflow: hidden;
background: #1218d9; background: #1218d9;
background-color: rgba(18,24,217,0.6); background-color: rgba(18,24,217,0.6);

1
index.html
View File

@@ -27,5 +27,6 @@
<p>You can contact me at <a href="mailto:maxime@patate.dev" aria-label="patate.dev email">maxime@patate.dev</a> or <a href="mailto:patate@mail.i2p" aria-label="i2p email">patate@mail.i2p</a>.</p> <p>You can contact me at <a href="mailto:maxime@patate.dev" aria-label="patate.dev email">maxime@patate.dev</a> or <a href="mailto:patate@mail.i2p" aria-label="i2p email">patate@mail.i2p</a>.</p>
<!--#include virtual="pages/footer.html" --> <!--#include virtual="pages/footer.html" -->
</div>
</body> </body>
</html> </html>

19
pages/header.html
View File

@@ -8,15 +8,16 @@
<title>~Blog of a French coder~</title> <title>~Blog of a French coder~</title>
<link rel="stylesheet" type="text/css" href="/css/styles.css"/> <link rel="stylesheet" type="text/css" href="/css/styles.css"/>
</head> </head>
<body background="../images/bg.gif"> <body>
<div class="page_div">
<div class="menu"> <div class="menu">
<a href="/" aria-label="patate.dev"><img alt="Spike" src="/images/spike.jpg" id="spike" width="125.583" height="95.6833"></a> <a href="/" aria-label="patate.dev"><img alt="Spike" src="/images/spike.jpg" id="spike"</img></a>
<a class="menu_link" href="/pages/blog.html" aria-label="the blog"> the blog</a> <div class="menu_link links_container">
<a class="menu_link" href="//github.com/ALittlePatate" aria-label="github">github</a> <a href="/pages/blog.html" aria-label="the blog">the blog</a>
<a class="menu_link" href="/pgp/key.txt" aria-label="pgp key">pgp key</a> <a href="//github.com/ALittlePatate" aria-label="github">github</a>
<a class="menu_link" href="/php/guestbook.php" aria-label="guestbook">guestbook</a> <a href="/pgp/key.txt" aria-label="pgp key">pgp key</a>
<a class="menu_link" <a href="/php/guestbook.php" aria-label="guestbook">guestbook</a>
href="http://patatelivq3rbqg4jpoe36qkqdfjl4i4xtowxbe47snmnp4dt7ramqad.onion/" <a href="http://patatelivq3rbqg4jpoe36qkqdfjl4i4xtowxbe47snmnp4dt7ramqad.onion/" aria-label="onion">tor mirror</a>
aria-label="onion">tor mirror</a> </div>
</div> </div>
<font color="white"> <font color="white">