EnumDev/enumerated.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix projects page scaling

Browse Source
This commit is contained in:
EnumDev
2026-04-27 21:51:11 +03:00
parent 7e051cee8e
commit 0b79f2d21e
4 changed files with 31 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/projects/tidelinux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 15 KiB

public/index.html
+1 -1
View File
@@ -12,7 +12,7 @@
<body>
<div class="navbar">
<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>
</div>
<div id="main">
public/projects.css
+18 -6
View File
@@ -1,7 +1,7 @@
.project {
display: flex;
position: relative;
min-height: 150px;
min-height: 5vh;
min-width: 50%;
margin: 10px;
padding: 20px;
@@ -18,8 +18,8 @@
.project img {
display: block;
float: left;
max-height: 100%;
width: auto;
height: 10%;
width: 10%;
margin-top: auto;
margin-bottom: auto;
margin-right: 15px;
@@ -31,10 +31,22 @@
}
.project p {
font-size: 1vw;
font-size: 2vh;
}
.project a,
h1 {
.project a {
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;
}
}
public/projects.html
+12 -23
View File
@@ -15,52 +15,41 @@
<body>
<div class="navbar">
<a href="/">Home</a>
<a class="active" href="projects.html">Projects</a>
<a class="active" href="projects">Projects</a>
<a href="https://git.enumerated.dev/">Gitea Instance</a>
</div>
<div class="project">
<div>
<div class="projects">
<div class="project">
<img src="assets/projects/tidelinux.png" alt="Tide Linux" />
<div>
<a href="https://git.enumerated.dev/tidelinux/">
<h1>Tide Linux</h1>
</a>
<a href="https://git.enumerated.dev/tidelinux/"
>Tide Linux</a
>
<p>Tide Linux is an independent linux distribution</p>
</div>
</div>
</div>
<div class="project" style="float: right">
<div>
<div class="project" style="float: right">
<img src="assets/projects/bpm.png" alt="BPM" />
<div>
<a href="https://github.com/EnumeratedDev/bpm">
<h1>BPM</h1>
</a>
<a href="https://github.com/EnumeratedDev/bpm">BPM</a>
<p>The official package manager for Tide Linux</p>
</div>
</div>
</div>
<div class="project">
<div>
<div class="project">
<img src="assets/projects/enit.png" alt="BPM" />
<div>
<a href="https://github.com/EnumeratedDev/enit">
<h1>Enit</h1>
</a>
<a href="https://github.com/EnumeratedDev/enit">Enit</a>
<p>The official init system for Tide Linux</p>
</div>
</div>
</div>
<div class="project" style="float: right">
<div>
<div class="project" style="float: right">
<img src="assets/projects/stormfetch.png" alt="Stormfetch" />
<div>
<a href="https://github.com/EnumeratedDev/stormfetch"
><h1>Stormfetch</h1>
<a href="https://github.com/EnumeratedDev/stormfetch">Stormfetch</a>
</a>
<p>
Stormfetch is a simple linux fetch program written in go