diff options
Diffstat (limited to 'htdocs')
| -rw-r--r-- | htdocs/public/assets/css/main.css | 38 | ||||
| -rw-r--r-- | htdocs/public/index.ejs | 9 | ||||
| -rw-r--r-- | htdocs/public/legal/index.ejs | 5 | ||||
| -rw-r--r-- | htdocs/public/projects/index.ejs | 2 |
4 files changed, 49 insertions, 5 deletions
diff --git a/htdocs/public/assets/css/main.css b/htdocs/public/assets/css/main.css index 06a24cd..c662972 100644 --- a/htdocs/public/assets/css/main.css +++ b/htdocs/public/assets/css/main.css @@ -20,6 +20,10 @@ main { grid-gap: 20px; } +.bb-main-mobile { + display: none; +} + @media (max-width: 700px) { .grid-3:not(.dont-break-me) { grid-template-columns: 1fr 1fr; @@ -27,6 +31,10 @@ main { grid-column-gap: 0; } + .projects { + grid-column-gap: 10px !important; + } + .button h2 { margin-block-start: 0.33em; margin-block-end: 0.33em; @@ -49,6 +57,36 @@ main { border-radius: 0 !important; } + @media (min-width: 500px) { + .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 { + border-radius: 5px !important; + border: 1px solid white !important; + display: inline-block; + } + } +} + + +@media (max-width: 500px) { + .grid-3 { + grid-template-columns: 1fr !important; + } + + .bb-main-mobile { + display: inline-block; + } + + .bb-main-desktop { + display: none; + } +} + +@media (max-width: 375px) { + .grid-2 { + grid-template-columns: 1fr !important; + margin-bottom: 10px; + } + .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 { border-radius: 5px !important; border: 1px solid white !important; diff --git a/htdocs/public/index.ejs b/htdocs/public/index.ejs index 4e261cd..c11f225 100644 --- a/htdocs/public/index.ejs +++ b/htdocs/public/index.ejs @@ -39,26 +39,29 @@ <img src="/assets/icons/projects.svg" class="main-icon"> <h2 class="main-icon-sub">Projects</h2> <h3>The kind of weird stuff I do on my free time</h3> + <a href="/projects" class="big-button bb-main-mobile">View list →</a> </div> <div style="text-align: center;"> <img src="/assets/icons/contact.svg" class="main-icon"> <h2 class="main-icon-sub">Contact Me</h2> <h3>So, you want to have a chat? With me? Nice! Come say hi.</h3> + <a href="#/contact" class="big-button bb-main-mobile">Contact Info ↓</a> </div> <div style="text-align: center;"> <img src="/assets/icons/about.svg" class="main-icon"> <h2 class="main-icon-sub">About Me</h2> <h3>Oh no, you don't know me! Don't worry, we can solve that!</h3> + <a href="#/about" class="big-button bb-main-mobile">View Info ↓</a> </div> <div style="height: 41px;text-align: center;"> - <a href="/projects" class="big-button">View list →</a> + <a href="/projects" class="big-button bb-main-desktop">View list →</a> </div> <div style="text-align: center;"> - <a href="#/contact" class="big-button">Contact Info ↓</a> + <a href="#/contact" class="big-button bb-main-desktop">Contact Info ↓</a> </div> <div style="text-align: center;"> - <a href="#/about" class="big-button">View Info ↓</a> + <a href="#/about" class="big-button bb-main-desktop">View Info ↓</a> </div> </div> diff --git a/htdocs/public/legal/index.ejs b/htdocs/public/legal/index.ejs index 227f352..db9c215 100644 --- a/htdocs/public/legal/index.ejs +++ b/htdocs/public/legal/index.ejs @@ -287,7 +287,9 @@ LjxKOq2a <hr> <h2 id="/warrant">Warrant Canary</h2> -<pre style="font-family:monospace;"> +<details> + <summary>Show warrant canary</summary> + <pre style="font-family:monospace;"> -----BEGIN PGP SIGNED MESSAGE----- Hash: SHA256 @@ -317,4 +319,5 @@ RsSq7z80WAXn2SAZCYLO1tvdUdfxBSOvZadAcjP/PX4Mvy5Lokr0uRp92iCImxLZ =+ld4 -----END PGP SIGNATURE----- </pre> +</details> <%- include(`${private}/footer.ejs`) %>
\ No newline at end of file diff --git a/htdocs/public/projects/index.ejs b/htdocs/public/projects/index.ejs index e9fb838..e224e0d 100644 --- a/htdocs/public/projects/index.ejs +++ b/htdocs/public/projects/index.ejs @@ -9,7 +9,7 @@ <p>This is the page where all legal documents are posted. All the content is signed using a GPG key, it's very important that you check for the validity of the legal content you see on this website, as it may have been compromised.</p> -<div class="grid-3"> +<div class="grid-3 projects"> <% for (let project of JSON.parse(fs.readFileSync(serverRoot + "/global/gitea.json").toString()).sort((a, b) => a.update - b.update).reverse()) { %> <div class="project"> <img class="project-icon" src="<%- project.icon ?? "/assets/icons/project.svg" %>"> |