Violet/api.violets-purgatory.dev
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>
<body>
<h1>Welcome to Violet's&nbsp;Purgatory</h1>
<div class="fadediv"
style="display: flex; justify-content: center; align-items: center; width: 100%; height: 80%;">
<!-- <h1 class="d-md-inline-block d-none">Welcome to Violet's&nbsp;Purgatory</h1> -->
<div class="fadediv" style="display: flex; justify-content: center; align-items: center; width: 100%; height: 90%;">
<div class="container-fluid row" id="card">
<h2>Violet</h2>
<div class="col-sm-6" style="display: flex; justify-content: center; align-items: center;">
@ -26,15 +25,15 @@
<p>Gender: Non-binary</p>
<p>Game & web developer</p>
</div>
<div>
<div class="col-sm-12">
<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="/p">Pronouns</a></p>
<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>
<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>
</div>
</div>

8
static/style.css
View file

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