magic_rb/website
1
0
Fork 0
mirror of https://git.sr.ht/~magic_rb/website synced 2024-11-21 15:54:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Heavy visual changes

Browse source 
Signed-off-by: Magic_RB <magic_rb@redalder.org>
This commit is contained in:
Magic_RB 2021-04-05 00:23:45 +02:00
parent 328f26dd29
commit 259373af23
No known key found for this signature in database
GPG key ID: 08D5287CC5DDCA0E
11 changed files with 107 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
assets/css/style.css
View file

@ -13,6 +13,11 @@
src: url(../ttf/ubuntu-mono.ttf) format("truetype");
}
body {
margin: 0;
padding: 0;
}
* {
font-family: "Ubuntu Regular";
}
@ -57,7 +62,7 @@ pre {
#content :is(h1, h2, h3, h4, h5, h6) {
display: inline;
border-bottom: 0.15rem solid #165578;
border-bottom: 0.15rem solid #9c0000;
width: 100%;
padding-bottom: 0.1rem;
line-height: 1.75em;
@ -76,9 +81,10 @@ pre {
.sidebar {
flex-basis: auto;
padding: 0 0.5rem 0 0.5rem;
}
@media only screen and (min-width: 768px) {
@media only screen and (orientation: landscape) {
#organizer {
flex-direction: row;
}
@ -120,6 +126,9 @@ pre {
.card-icon {
max-width: 10rem;
max-height: 10rem;
width: auto;
height: auto;
margin: 0 1rem 0 0;
}
@ -135,12 +144,56 @@ pre {
}
#navbar-organizer {
display: flex;
}
#navbar-spacer {
width: 0%;
}
#navbar-toplevel {
display: flex;
flex-direction: row;
justify-content: space-around;
justify-content: space-between;
width: 100%;
}
@media only screen and (orientation: landscape) {
#navbar-spacer {
padding: 0 0.5rem 0 0.5rem;
width: 10%;
}
#navbar-toplevel {
width: 100%;
}
}
.navbar-item {
padding: 1rem 0rem 1rem 0rem;
padding: 1rem 0rem 0rem 0rem;
text-align: center;
width: 100%;
}
.navbar-click {
width: 80%;
display: block;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}
.navbar-text {
padding: 0rem 0rem 1rem 0rem;
color: black;
}
.navbar-underline {
height: 0.1rem;
background-color: #9c0000;
}
#navbar-toplevel > a:nth-child(-n+1) {
margin-left: 1rem;
}

BIN
assets/icons/favicon-512x512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

2
home/contact.org Normal file
View file

@ -0,0 +1,2 @@
- Discord: =Magic_RB#6785=
- PGP: =0F49 1A57 B4DF 4313 6CD4 AB6B F07E 558C D1E6 999F=

0
home/hydra.org
View file

10
make.el
View file

@ -83,16 +83,16 @@
:publishing-function org-html-publish-to-templated-html)
;; Hydra placeholder
("hydra-placeholder"
;; Contact
("contact"
:base-directory ,(expand-file-name "./home")
:recursive nil
:base-extension "org"
:exclude "^.*$"
:include ("hydra.org")
:include ("contact.org")
:with-toc nil
:publishing-directory ,(expand-file-name "./public_html/")
:html-template ,(templated-html-load-template "./templates/hydra-placeholder.html")
:html-template ,(templated-html-load-template "./templates/empty.html")
:publishing-function org-html-publish-to-templated-html)
@ -106,7 +106,7 @@
;; top-level trigger
("publish"
:components ("blog" "assets" "homepage" "hydra-placeholder"))))
:components ("blog" "assets" "homepage" "contact"))))
(org-publish "publish" t)

2
templates/blog-index.html
View file

@ -2,10 +2,10 @@
<html lang="en">
{{:include "head.html"}}
<body>
{{:include "navbar.html"}}
<div id="organizer">
<div class="sidebar">{{org-html-toc 2 info}}</div>
<div id="content">
{{:include "navbar.html"}}
{{contents}}
</div>
<div class="sidebar"></div>

2
templates/blog.html
View file

@ -2,10 +2,10 @@
<html lang="en">
{{:include "head.html"}}
<body>
{{:include "navbar.html"}}
<div id="organizer">
<div class="sidebar">{{org-html-toc 2 info}}</div>
<div id="content">
{{:include "navbar.html"}}
{{:if with-title}}<h1>{{title}}</h1>{{:endif}}
{{:if date}}<div class="post-meta">Published on {{format-time-string "%b %d, %Y" date}}</div>{{:endif}}
{{contents}}

6
templates/hydra-placeholder.html → templates/empty.html
View file

@ -2,13 +2,11 @@
<html lang="en">
{{:include "head.html"}}
<body>
{{:include "navbar.html"}}
<div id="organizer">
<div class="sidebar"></div>
<div id="content">
{{:include "navbar.html"}}
<div>
Nothing here yet
</div>
{{contents}}
</div>
<div class="sidebar"></div>
</div>

2
templates/head.html
View file

@ -2,4 +2,6 @@
<title>{{title}}</title>
<link rel="stylesheet" href="/css/style.css"/>
<link rel="icon" href="/icons/favicon-512x512.png" type="image/png" sizes="512x512">
</head>

4
templates/index.html
View file

@ -2,10 +2,10 @@
<html lang="en">
{{:include "head.html"}}
<body>
{{:include "navbar.html"}}
<div id="organizer">
<div class="sidebar"></div>
<div id="content">
{{:include "navbar.html"}}
<div class="card-toplevel">
<a class="card-link" href="https://gitea.redalder.org/Magic_RB/NixNG">
<div class="card-entry">
@ -24,7 +24,7 @@
</a>
<a class="card-link" href="https://gitea.redalder.org/RedAlder/ra-containers">
<div class="card-entry">
<img src="https://nixos.wiki/images/thumb/2/20/Home-nixos-logo.png/x207px-Home-nixos-logo.png.pagespeed.ic.38jujIAhx5.png" class="card-icon"/>
<img src="/icons/nix-flake.svg" class="card-icon"/>
<div class="card-separator"></div>
<div class="card-body">
<h4 class="card-heading"> ra-containers </h4>

54
templates/navbar.html
View file

@ -1,20 +1,36 @@
<div id="navbar-toplevel">
<a class="navbar-item" href="/">
Home
</a>
<a class="navbar-item" href="https://gitea.redalder.org/Magic_RB">
Gitea
</a>
<a class="navbar-item" href="https://github.com/MagicRB">
GitHub
</a>
<a class="navbar-item" href="/hydra.html">
HydraCI
</a>
<a class="navbar-item" href="/blog">
Blog
</a>
<a class="navbar-item" href="/contact">
Contact
</a>
<div id="navbar-organizer">
<div id="navbar-spacer"></div>
<div id="navbar-toplevel">
<div class="navbar-item">
<a class="navbar-click" href="/">
<div class="navbar-text">Home</div>
<div class="navbar-underline"></div>
</a>
</div>
<div class="navbar-item">
<a class="navbar-click" href="https://gitea.redalder.org/Magic_RB">
<div class="navbar-text">Gitea</div>
<div class="navbar-underline"></div>
</a>
</div>
<div class="navbar-item">
<a class="navbar-click" href="https://github.com/MagicRB">
<div class="navbar-text">GitHub</div>
<div class="navbar-underline"></div>
</a>
</div>
<div class="navbar-item">
<a class="navbar-click" href="/contact.html">
<div class="navbar-text">Contact</div>
<div class="navbar-underline"></div>
</a>
</div>
<div class="navbar-item">
<a class="navbar-click" href="/blog">
<div class="navbar-text">Blog</div>
<div class="navbar-underline"></div>
</a>
</div>
</div>
<div id="navbar-spacer"></div>
</div>