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