Update projects page

This commit is contained in:
2025-09-30 14:10:06 +03:00
parent f4fc2b98db
commit db8db452bc
2 changed files with 95 additions and 69 deletions
+27 -24
View File
@@ -1,37 +1,40 @@
.project { .project {
display: flex; display: flex;
position: relative; position: relative;
min-height: 150px; min-height: 150px;
margin: 25px; min-width: 50%;
padding: 20px; margin: 10px;
background: #575757; padding: 20px;
border: 5px solid #9c9c9c; background: #575757;
border-radius: 50px; border: 5px solid #9c9c9c;
opacity: 0; border-radius: 50px;
float: left; opacity: 0;
clear: both; float: left;
box-shadow: 10px 10px 5px rgba(0,0,0,0.5); clear: both;
animation: fadeIn 1s forwards; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
animation: fadeIn 1s forwards;
} }
.project img { .project img {
display: block; display: block;
float: left; float: left;
max-height: 100%; max-height: 100%;
width: auto; width: auto;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
margin-right: 15px; margin-right: 15px;
border-radius: 15px;
} }
.project div { .project div {
float: right; float: right;
} }
.project p { .project p {
font-size: 1vw; font-size: 1vw;
} }
.project a,h1 { .project a,
color: #7db3ff; h1 {
color: #7db3ff;
} }
+68 -45
View File
@@ -1,49 +1,72 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css" />
<link type="text/css" rel="stylesheet" href="projects.css"> <link type="text/css" rel="stylesheet" href="projects.css" />
<link rel="icon" type="image/jpg" href="assets/favicon.jpg"> <link rel="icon" type="image/jpg" href="assets/favicon.jpg" />
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <link
<title>Projects</title> href="https://fonts.googleapis.com/css?family=Roboto"
</head> rel="stylesheet"
<body> />
<div class="navbar"> <title>Projects</title>
<a href="/">Home</a> </head>
<a class="active" href="projects.html">Projects</a> <body>
<a href="https://git.enumerated.dev/">Gitea Instance</a> <div class="navbar">
</div> <a href="/">Home</a>
<a class="active" href="projects.html">Projects</a>
<div class="project"> <a href="https://git.enumerated.dev/">Gitea Instance</a>
<div> </div>
<img src="assets/projects/bpm.png" alt="BPM">
<div>
<a href="https://git.enumerated.dev/bubble-package-manager/bpm"><h1>Bubble Package Manager - BPM</h1></a>
<p>The Bubble Package manager is a simple package manager for linux systems primarily designed for the Tide Linux distribution
</div>
</div>
</div>
<div class="project" style="float: right;"> <div class="project">
<div> <div>
<img src="assets/projects/tidelinux.png" alt="Tide Linux"> <img src="assets/projects/tidelinux.png" alt="Tide Linux" />
<div> <div>
<a href="https://gitlab.com/tidelinux"><h1>Tide Linux</h1></a> <a href="https://git.enumerated.dev/tidelinux/">
<p>Tide Linux is an independent linux distribution utilizing BPM as its package manager <h1>Tide Linux</h1>
</div> </a>
</div> <p>Tide Linux is an independent linux distribution</p>
</div> </div>
</div>
</div>
<div class="project"> <div class="project" style="float: right">
<div> <div>
<img src="assets/projects/stormfetch.png" alt="Stormfetch"> <img src="assets/projects/bpm.png" alt="BPM" />
<div> <div>
<a href="https://git.enumerated.dev/EnumDev/stormfetch"><h1>Stormfetch</h1></a> <a href="https://github.com/EnumeratedDev/bpm">
<p>Stormfetch is a simple linux fetch program written in go with the ability to configure its output in bash <h1>BPM</h1>
</div> </a>
</div> <p>The official package manager for Tide Linux</p>
</div> </div>
</body> </div>
</div>
<div class="project">
<div>
<img src="assets/projects/enit.png" alt="BPM" />
<div>
<a href="https://github.com/EnumeratedDev/enit">
<h1>Enit</h1>
</a>
<p>The official init system for Tide Linux</p>
</div>
</div>
</div>
<div class="project" style="float: right">
<div>
<img src="assets/projects/stormfetch.png" alt="Stormfetch" />
<div>
<a href="https://github.com/EnumeratedDev/stormfetch"
><h1>Stormfetch</h1>
</a>
<p>
Stormfetch is a simple linux fetch program written in go
</p>
</div>
</div>
</div>
</body>
</html> </html>