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

Test Text

Browse source
This commit is contained in:
Bingus_Violet 2024-01-07 01:10:53 -06:00
parent 381a4f14bc
commit fa4d09614f
3 changed files with 35 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/imgs/violets-purgatory-screenshot.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 140 KiB

11
static/projects/index.html
View file

@ -16,8 +16,15 @@
</head> </head>
<body> <body>
<h1>This page is under construction</h1> <h1>Projects</h1>
<p style="color: gray">Come back later!</p> <p>All my silly lil projects in one, concise page. To be updated over time!</p>
<div class="project">
<h2>Violet's Purgatory</h2>
<div class="project-inner">
<img src="/imgs/violets-purgatory-screenshot.png">
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veniam qui unde, deleniti culpa quas dolore quasi nesciunt reiciendis nobis quo iste perferendis nulla praesentium. Magni excepturi quaerat laboriosam vel sed! Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum amet sunt deserunt explicabo enim atque beatae, commodi architecto, eaque vitae libero quisquam asperiores. Mollitia, veritatis assumenda blanditiis possimus sequi sunt! Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste culpa tenetur labore accusamus, error sapiente illum quidem dolor placeat numquam sunt? Debitis nesciunt ad quos eum nam iste dolor veniam! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime qui suscipit et ipsum, accusantium repellat, nulla, minima esse nam provident possimus reprehenderit ab facilis. Consectetur molestiae sequi cum praesentium minima.</p>
</div>
</div>
</body> </body>
</html> </html>

27
static/style.css
View file

@ -118,7 +118,7 @@ p {
margin: 10px; margin: 10px;
} }
img { img:not(.project-inner > img) {
width: 100%; width: 100%;
max-width: 135px; max-width: 135px;
transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
@ -167,6 +167,31 @@ hr {
border-color: limegreen; border-color: limegreen;
} }
.project {
background-color: rgba(35, 35, 35, 1);
padding: 10px;
}
.project-inner {
overflow: hidden;
margin: auto;
padding: 0;
display: flex;
position: relative;
z-index: 3;
}
.project-inner > img {
object-fit: cover;
max-width: 300px;
border: 2px lightgray solid;
}
.project > p {
text-align: right;
display: inline-block;
}
/* I am so sorry about this code,,, */ /* I am so sorry about this code,,, */
.love::before { .love::before {