Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 EnumDev
|
0b79f2d21e
|
||
|
EnumDev
|
7e051cee8e
|
||
|
EnumDev
|
db8db452bc
|
||
|
EnumDev
|
f4fc2b98db | ||
|
EnumDev
|
67eca9f682 | ||
|
EnumDev
|
c3a2d58324 | ||
|
EnumDev
|
6824a1d110 | ||
|
EnumDev
|
d91c55685d |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 27 KiB |
@@ -26,9 +26,17 @@
|
|||||||
animation: fadeIn 1s linear 1.25s forwards;
|
animation: fadeIn 1s linear 1.25s forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link img {
|
#bio {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#socials {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-link img {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes slideFromBottom {
|
@-webkit-keyframes slideFromBottom {
|
||||||
|
|||||||
@@ -12,18 +12,24 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<a class="active" href="/">Home</a>
|
<a class="active" href="/">Home</a>
|
||||||
<a href="projects.html">Projects</a>
|
<a href="projects">Projects</a>
|
||||||
<a href="https://git.enumerated.dev/">Gitea Instance</a>
|
<a href="https://git.enumerated.dev/">Gitea Instance</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="main">
|
<div id="main">
|
||||||
<img id="pfp" src="assets/pfp.jpg" alt="Profile Picture">
|
<img id="pfp" src="assets/pfp.jpg" alt="Profile Picture">
|
||||||
<div id="info">
|
<div id="info">
|
||||||
<h1>EnumDev</h1>
|
<div id="bio">
|
||||||
<span>Computer programmer and Linux enthusiast</span>
|
<h1>EnumDev</h1>
|
||||||
<br><br>
|
<span>Computer programmer and Linux enthusiast</span>
|
||||||
<a class="link" href="https://git.enumerated.dev/EnumDev"><img src="assets/gitea-logo.png" alt="Gitea"></a>
|
</div>
|
||||||
<a class="link" href="https://gitlab.com/EnumDev"><img src="assets/gitlab-logo.png" alt="Gitlab"></a>
|
<hr>
|
||||||
<a class="link" href="https://github.com/EnumuratedDev"><img src="assets/github-logo.png" alt="Github"></a>
|
<div id="socials">
|
||||||
|
<a class="social-link" href="https://git.enumerated.dev/EnumDev"><img src="assets/socials/gitea-logo.png" alt="Gitea"></a>
|
||||||
|
<a class="social-link" href="https://gitlab.com/EnumDev"><img src="assets/socials/gitlab-logo.png" alt="Gitlab"></a>
|
||||||
|
<a class="social-link" href="https://github.com/EnumeratedDev"><img src="assets/socials/github-logo.png" alt="Github"></a>
|
||||||
|
<a class="social-link" href="https://bsky.app/profile/enumerated.dev"><img src="assets/socials/bsky-logo.png" alt="BlueSky"></a>
|
||||||
|
<a class="social-link" href="https://x.com/EnumDev_"><img src="assets/socials/x-logo.png" alt="X/Twitter"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -1,37 +1,52 @@
|
|||||||
.project {
|
.project {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 150px;
|
min-height: 5vh;
|
||||||
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%;
|
height: 10%;
|
||||||
width: auto;
|
width: 10%;
|
||||||
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: 2vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.project a,h1 {
|
.project a {
|
||||||
color: #7db3ff;
|
font-size: 4vh;
|
||||||
|
color: #7db3ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (orientation: portrait) {
|
||||||
|
.projects {
|
||||||
|
display: grid;
|
||||||
|
column-count: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects img {
|
||||||
|
height: auto !important;
|
||||||
|
width: 20% !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,49 +1,61 @@
|
|||||||
<!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">Projects</a>
|
||||||
<div class="project">
|
<a href="https://git.enumerated.dev/">Gitea Instance</a>
|
||||||
<div>
|
</div>
|
||||||
<img src="assets/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="projects">
|
||||||
<div>
|
<div class="project">
|
||||||
<img src="assets/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
|
>Tide Linux</a
|
||||||
</div>
|
>
|
||||||
</div>
|
<p>Tide Linux is an independent linux distribution</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="project">
|
<div class="project" style="float: right">
|
||||||
<div>
|
<img src="assets/projects/bpm.png" alt="BPM" />
|
||||||
<img src="assets/stormfetch.png" alt="Stormfetch">
|
<div>
|
||||||
<div>
|
<a href="https://github.com/EnumeratedDev/bpm">BPM</a>
|
||||||
<a href="https://git.enumerated.dev/EnumDev/stormfetch"><h1>Stormfetch</h1></a>
|
<p>The official package manager for Tide Linux</p>
|
||||||
<p>Stormfetch is a simple linux fetch program written in go with the ability to configure its output in bash
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
<div class="project">
|
||||||
</body>
|
<img src="assets/projects/enit.png" alt="BPM" />
|
||||||
|
<div>
|
||||||
|
<a href="https://github.com/EnumeratedDev/enit">Enit</a>
|
||||||
|
<p>The official init system for Tide Linux</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="project" style="float: right">
|
||||||
|
<img src="assets/projects/stormfetch.png" alt="Stormfetch" />
|
||||||
|
<div>
|
||||||
|
<a href="https://github.com/EnumeratedDev/stormfetch">Stormfetch</a>
|
||||||
|
</a>
|
||||||
|
<p>
|
||||||
|
Stormfetch is a simple linux fetch program written in go
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||