marcel/website
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Added viewport stuff

Browse source
This commit is contained in:
Michael Rodin 2024-04-23 18:15:52 +02:00
parent e83758fc07
commit d8c6c2036f
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
root/css/base.css
View file

@ -42,6 +42,7 @@ main > p {
#links-container { #links-container {
justify-content: center; justify-content: center;
display: flex; display: flex;
flex-flow: row wrap;
width: 100%; width: 100%;
} }
@ -88,12 +89,12 @@ div.image {
div.desc { div.desc {
margin: auto 6pt auto 0; margin: auto 6pt auto 0;
text-align: center; text-align: center;
font-weight: 700; font-weight: 800;
font-size:15pt; font-size:14pt;
} }
footer { footer {
position: fixed; position: relative;
display: flex; display: flex;
left: 0; left: 0;
bottom: 0; bottom: 0;

8
root/index.php
View file

@ -5,6 +5,7 @@ $title = "Marcel's Homepage";
?> ?>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/base.css" type="text/css"> <link rel="stylesheet" href="css/base.css" type="text/css">
<title> <?php echo $title; ?> </title> <title> <?php echo $title; ?> </title>
</head> </head>
@ -13,6 +14,10 @@ $title = "Marcel's Homepage";
<header id="topbar" class="darkerbar"><h1><?php echo $title; ?></h1> </header> <header id="topbar" class="darkerbar"><h1><?php echo $title; ?></h1> </header>
<main> <main>
<p>
You've reached my realm. Now look around or leave.
</p>
<div id="links-container"> <div id="links-container">
<div class="item" id="authentik"> <div class="item" id="authentik">
<div class="image"><img class="item" alt="logo" src="static/authentik.svg"></div><div class="desc">authentik</div> <div class="image"><img class="item" alt="logo" src="static/authentik.svg"></div><div class="desc">authentik</div>
@ -31,9 +36,6 @@ $title = "Marcel's Homepage";
<a href="https://element.marcelsite.com"></a> <a href="https://element.marcelsite.com"></a>
</div> </div>
</div> </div>
<p>
You've reached my realm. Now look around or leave.
</p>
</main> </main>