Initial Commit
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 27 KiB |
@@ -0,0 +1,41 @@
|
||||
#main {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: slideFromBottom 1s;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#pfp {
|
||||
border: #9c9c9c;
|
||||
border-style: solid;
|
||||
border-radius: 50px;
|
||||
border-width: 5px;
|
||||
margin-bottom: 50px;
|
||||
box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
#info {
|
||||
background: #575757;
|
||||
border: #9c9c9c;
|
||||
border-style: solid;
|
||||
border-radius: 50px;
|
||||
border-width: 5px;
|
||||
padding: 20px;
|
||||
opacity: 0;
|
||||
box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
|
||||
animation: fadeIn 1s linear 1.25s forwards;
|
||||
}
|
||||
|
||||
.link img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slideFromBottom {
|
||||
from {top: 120%;}
|
||||
to {top: 50%;}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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="index.css">
|
||||
<link rel="icon" type="image/jpg" href="assets/favicon.jpg">
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<a class="active" href="/">Home</a>
|
||||
<a href="projects.html">Projects</a>
|
||||
<a href="https://git.enumerated.dev/">Gitea Instance</a>
|
||||
</div>
|
||||
<div id="main">
|
||||
<img id="pfp" src="assets/pfp.jpg">
|
||||
<div id="info">
|
||||
<h1>EnumDev</h1>
|
||||
<span>Computer programmer and Linux enthusiast</span>
|
||||
<br><br>
|
||||
<a class="link" href="https://git.enumerated.dev/EnumDev"><img src="assets/gitea-logo.png"></a>
|
||||
<a class="link" href="https://gitlab.com/EnumDev"><img src="assets/gitlab-logo.png"></a>
|
||||
<a class="link" href="https://github.com/EnumuratedDev"><img src="assets/github-logo.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
.project {
|
||||
display: flex;
|
||||
position: relative;
|
||||
min-height: 150px;
|
||||
margin: 25px;
|
||||
background: #575757;
|
||||
border: #9c9c9c;
|
||||
border-style: solid;
|
||||
border-radius: 50px;
|
||||
border-width: 5px;
|
||||
padding: 20px;
|
||||
opacity: 0;
|
||||
float: left;
|
||||
clear: both;
|
||||
box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
|
||||
animation: fadeIn 1s forwards;
|
||||
}
|
||||
|
||||
.project img {
|
||||
display: block;
|
||||
float: left;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.project div {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.project p {
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
.project a,h1 {
|
||||
color: #7db3ff;
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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="projects.css">
|
||||
<link rel="icon" type="image/jpg" href="assets/favicon.jpg">
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<a href="/">Home</a>
|
||||
<a class="active" href="projects.html">Projects</a>
|
||||
<a href="https://git.enumerated.dev/">Gitea Instance</a>
|
||||
</div>
|
||||
|
||||
<div class="project">
|
||||
<div>
|
||||
<img src="assets/bpm.png">
|
||||
<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>
|
||||
<img src="assets/tidelinux.png">
|
||||
<div>
|
||||
<a href="https://gitlab.com/tidelinux"><h1>Tide Linux</h1></a>
|
||||
<p>Tide Linux is an independent linux distribution utilizing BPM as its package manager
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project">
|
||||
<div>
|
||||
<img src="assets/stormfetch.png">
|
||||
<div>
|
||||
<a href="https://git.enumerated.dev/EnumDev/stormfetch"><h1>Stormfetch</h1></a>
|
||||
<p>Stormfetch is a simple linux fetch program written in go with the ability to configure its output in bash
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,47 @@
|
||||
html {
|
||||
background: url("assets/background.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
html * {
|
||||
color: white;
|
||||
font-family: Roboto;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #333;
|
||||
overflow: hidden;
|
||||
border-radius: 15px;
|
||||
box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
float: left;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.navbar a:hover {
|
||||
background-color: #6687ff;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.navbar a.active {
|
||||
background-color: #2250f5;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {opacity: 0;}
|
||||
to {opacity: 1;}
|
||||
}
|
||||