Violet/Violets-Purgatory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Reponsiv

Browse source
This commit is contained in:
Violet 2023-11-07 21:04:48 +00:00 committed by GitHub
parent acd6302e48
commit 3431d4bc31
2 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
static/index.html
View file

@ -13,9 +13,8 @@
</head> </head>
<body> <body>
<h1>Welcome to Violet's&nbsp;Purgatory</h1> <!-- <h1 class="d-md-inline-block d-none">Welcome to Violet's&nbsp;Purgatory</h1> -->
<div class="fadediv" <div class="fadediv" style="display: flex; justify-content: center; align-items: center; width: 100%; height: 90%;">
style="display: flex; justify-content: center; align-items: center; width: 100%; height: 80%;">
<div class="container-fluid row" id="card"> <div class="container-fluid row" id="card">
<h2>Violet</h2> <h2>Violet</h2>
<div class="col-sm-6" style="display: flex; justify-content: center; align-items: center;"> <div class="col-sm-6" style="display: flex; justify-content: center; align-items: center;">
@ -26,15 +25,15 @@
<p>Gender: Non-binary</p> <p>Gender: Non-binary</p>
<p>Game & web developer</p> <p>Game & web developer</p>
</div> </div>
<div> <div class="col-sm-12">
<br> <br>
<p class="chip">Fediverse: <a rel="me" href="https://tech.lgbt/@Bingus_Violet" >@Bingus_Violet@tech.lgbt</a></p> <p class="chip d-md-inline-block d-none">Fediverse: <a rel="me" href="https://tech.lgbt/@Bingus_Violet" >@Bingus_Violet@tech.lgbt</a></p>
<p class="chip"><a href="/s">Socials</a></p> <p class="chip"><a href="/s">Socials</a></p>
<p class="chip"><a href="/p">Pronouns</a></p> <p class="chip"><a href="/p">Pronouns</a></p>
<br> <br>
<p class="chip" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet" <p class="chip d-md-inline-block d-none" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet"
style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p> style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p>
<p>If you have any problems with the site, put up an issue on <a <p class="d-sm-block d-none">If you have any problems with the site, put up an issue on <a
href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p> href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p>
</div> </div>
</div> </div>

8
static/style.css
View file

@ -17,11 +17,14 @@ h2 {
font-size: 2rem; font-size: 2rem;
} }
body { body, html {
margin: auto; margin: auto;
background-color: rgb(30, 5, 60); background-color: rgb(30, 5, 60);
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
margin: 0;
padding: 0;
overflow: hidden
} }
.fadediv { .fadediv {
@ -97,7 +100,8 @@ hr {
border: 2px white solid; border: 2px white solid;
margin: auto; margin: auto;
max-width: 1000px; max-width: 1000px;
width: 90%; width: 98%;
} }
/* I am so sorry about this code,,, */ /* I am so sorry about this code,,, */