Merge branch 'dev' of codeberg.org:Bingus_Violet/Violets-Purgatory into dev
This commit is contained in:
Bingus_Violet
commit
02e58d6fe7
12 changed files with 12143 additions and 53 deletions
12068
static/bootstrap.css
vendored
Normal file
12068
static/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -15,15 +15,13 @@
|
|||
|
||||
<title>Extras - Violet's Purgatory</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a class="chip" href="../">Home</a>
|
||||
<h1><hr>Extras</h1>
|
||||
<h1>Extras</h1>
|
||||
<p>Just some fun things that really don't have use on the main page but exist anyway!</p>
|
||||
|
||||
<div class="fadediv container-fluid ">
|
||||
<p class="chip"><a href="./discord">Dynamic Discord Status (Javascript, W.I.P)</a></p>
|
||||
<p class="chip"><a href="../pronouns">Pronouns (here bc it's hard to find on main page)</a></p>
|
||||
</div>
|
||||
<a class="chip" href="../">Home</a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -17,8 +17,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<a class="chip" href="../">Home</a>
|
||||
<h1><hr>FAQ</h1>
|
||||
<h1>FAQ</h1>
|
||||
<p>Some questions that, nobody has ever <em>actually</em> asked, but I'm gonna act like they have because its fun!</p>
|
||||
<div class="row container-fluid fadediv" style="margin: auto;">
|
||||
<h2><hr>How?</h2>
|
||||
|
|
@ -43,5 +42,6 @@
|
|||
<h2><hr>Why do you (hate/never use) Javascript?</h2>
|
||||
<p>Because its more fun :D Inevitably, I would put something more informative here, like "for the sake of compatibility" which, don't get me wrong, a huge part of it is so that people who disable javascript can use my site, but also, if you've seen my CSS it should be clear I don't try to be the <em>most</em> backwards compatible.</p>
|
||||
</div>
|
||||
<a class="chip" href="../">Home</a>
|
||||
</body>
|
||||
</html>
|
||||
BIN
static/fonts/rubik-v28-latin-regular.woff2
Normal file
BIN
static/fonts/rubik-v28-latin-regular.woff2
Normal file
Binary file not shown.
|
|
@ -81,6 +81,7 @@
|
|||
</div>
|
||||
|
||||
<p>There are, of course, a few more projects (E.G. Discord Embedder) but I feel they're too early in development for me to want to put them here.</p>
|
||||
<a class="chip" href="../">Home</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -16,11 +16,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<!-- Yet again I would like to apologize for the absolutely atrocious code !! -->
|
||||
|
||||
<a class="chip" href="../">Home</a>
|
||||
<h1>Pronouns</h1>
|
||||
<div class="fadediv row container-fluid">
|
||||
<div class="col-sm-12">
|
||||
|
|
@ -64,6 +60,7 @@
|
|||
</div>
|
||||
<hr>
|
||||
<p>If there's any more confusion, or a section you'd want me to add, please put an issue on codeberg :D</p>
|
||||
<a class="chip" href="../">Home</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -17,14 +17,13 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<a class="chip" href="../">Home</a>
|
||||
<h1><hr>Socials</h1>
|
||||
<p>Here's where you can find me most... if you wanted to do that for some reason?</p>
|
||||
<h1>Socials</h1>
|
||||
<div class="row container-fluid fadediv" style="margin: auto;">
|
||||
|
||||
<p>Here's where you can find me most... if you wanted to do that for some reason?</p>
|
||||
<div class="col-sm-6">
|
||||
<hr>
|
||||
<h2>Chat Applications:</h2>
|
||||
<h3>Chat Applications:</h3>
|
||||
<p class="chip" style="color: limegreen;">Matrix: <a href="https://matrix.to/#/@bingus_violet:catgirl.cloud" rel="me">@bingus_violet​:catgirl.cloud</a></p>
|
||||
<p class="chip"><span style="color: red;">Revolt:</span> BingusViolet#5573</p>
|
||||
<p class="chip"><span style="color: rgb(125, 150, 225)">Discord:</span> bingus_violet</p>
|
||||
|
|
@ -33,25 +32,26 @@
|
|||
|
||||
<div class="col-sm-6">
|
||||
<hr>
|
||||
<h2>Social media:</h2>
|
||||
<h3>Social media:</h3>
|
||||
<p class="chip" style="color: rgb(200, 175, 255);">Fedi: <a href="https://void.lgbt/bingus_violet" rel="me">@Bingus_Violet​@void.lgbt</a></p>
|
||||
<p class="chip" style="color: rgb(255, 80, 80)">Youtube: <a href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Violet's Fiasco</a></p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<hr>
|
||||
<h2>Git sites:</h2>
|
||||
<p class="chip">Github: <a href="https://github.com/Violets-puragtory">Violets-puragtory</a></p>
|
||||
<h3>Coding sites:</h3>
|
||||
<p class="chip" style="color: aqua">Codeberg: <a href="https://codeberg.org/Bingus_Violet">Bingus_Violet</a>
|
||||
<p class="chip" style="color: rgb(100, 100, 255)">Docker: <a href="https://hub.docker.com/u/bingusviolet">bingusviolet</a>
|
||||
<p class="chip">Github: <a href="https://github.com/Violets-puragtory">Violets-puragtory</a></p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<hr>
|
||||
<h2>Game sites:</h2>
|
||||
<h3>Game sites:</h3>
|
||||
<p class="chip" style="color: darkgrey">Steam: <a href="https://steamcommunity.com/id/Violet-The-Thigh-high-obtainer/">Violet</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a class="chip" href="../">Home</a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,11 +1,17 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
|
||||
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
|
||||
@import url('./bootstrap.css');
|
||||
|
||||
@font-face {
|
||||
font-display: swap;
|
||||
font-family: 'Rubik';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('./fonts/rubik-v28-latin-regular.woff2') format('woff2');
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -13,7 +19,15 @@ h1 {
|
|||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h2,
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
color: rgb(225, 215, 255)
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.65rem
|
||||
}
|
||||
|
||||
h3,
|
||||
li {
|
||||
color: white;
|
||||
|
|
@ -65,7 +79,7 @@ a {
|
|||
font-size: 1.3rem;
|
||||
border: 2px gray solid;
|
||||
border-radius: 6px;
|
||||
background-color: black;
|
||||
background-color: rgb(15, 0, 30);
|
||||
padding: 8px;
|
||||
margin: 3px;
|
||||
display: inline-block;
|
||||
|
|
@ -73,12 +87,13 @@ a {
|
|||
transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
.chip, .chip > * {
|
||||
.chip,
|
||||
.chip>* {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.chip:hover {
|
||||
background-color: rgb(20, 10, 30);
|
||||
background-color: rgb(65, 28, 101);
|
||||
transform: scale(1);
|
||||
/* font-size: 1.35rem; */
|
||||
border-color: white;
|
||||
|
|
@ -107,7 +122,7 @@ a {
|
|||
object-fit: cover;
|
||||
}
|
||||
|
||||
.activity > .smallimg {
|
||||
.activity>.smallimg {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: absolute;
|
||||
|
|
@ -118,7 +133,7 @@ a {
|
|||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
.activity > .smallimg:hover {
|
||||
.activity>.smallimg:hover {
|
||||
border: 2px white solid;
|
||||
transform: scale(1);
|
||||
|
||||
|
|
@ -200,7 +215,7 @@ hr {
|
|||
z-index: 3;
|
||||
}
|
||||
|
||||
.project-inner > div > img {
|
||||
.project-inner>div>img {
|
||||
object-fit: cover;
|
||||
border: 2px white solid;
|
||||
width: 80%;
|
||||
|
|
@ -209,7 +224,7 @@ hr {
|
|||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.project > p {
|
||||
.project>p {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
@ -300,7 +315,7 @@ hr {
|
|||
margin-right: 1.9%;
|
||||
}
|
||||
|
||||
.lengthBar > span {
|
||||
.lengthBar>span {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
|
@ -310,6 +325,11 @@ hr {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.note {
|
||||
font-size: 0.95rem;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue