magic_rb/website
1
0
Fork 0
mirror of https://git.sr.ht/~magic_rb/website synced 2024-11-25 09:36:14 +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"); src: url(../ttf/ubuntu-mono.ttf) format("truetype");
} }
body {
margin: 0;
padding: 0;
}
* { * {
font-family: "Ubuntu Regular"; font-family: "Ubuntu Regular";
} }
@ -57,7 +62,7 @@ pre {
#content :is(h1, h2, h3, h4, h5, h6) { #content :is(h1, h2, h3, h4, h5, h6) {
display: inline; display: inline;
border-bottom: 0.15rem solid #165578; border-bottom: 0.15rem solid #9c0000;
width: 100%; width: 100%;
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
line-height: 1.75em; line-height: 1.75em;
@ -76,9 +81,10 @@ pre {
.sidebar { .sidebar {
flex-basis: auto; flex-basis: auto;
padding: 0 0.5rem 0 0.5rem;
} }
@media only screen and (min-width: 768px) { @media only screen and (orientation: landscape) {
#organizer { #organizer {
flex-direction: row; flex-direction: row;
} }
@ -120,6 +126,9 @@ pre {
.card-icon { .card-icon {
max-width: 10rem; max-width: 10rem;
max-height: 10rem;
width: auto;
height: auto;
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
} }
@ -135,12 +144,56 @@ pre {
} }
#navbar-organizer {
display: flex;
}
#navbar-spacer {
width: 0%;
}
#navbar-toplevel { #navbar-toplevel {
display: flex; display: flex;
flex-direction: row; 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 { .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) :publishing-function org-html-publish-to-templated-html)
;; Hydra placeholder ;; Contact
("hydra-placeholder" ("contact"
:base-directory ,(expand-file-name "./home") :base-directory ,(expand-file-name "./home")
:recursive nil :recursive nil
:base-extension "org" :base-extension "org"
:exclude "^.*$" :exclude "^.*$"
:include ("hydra.org") :include ("contact.org")
:with-toc nil :with-toc nil
:publishing-directory ,(expand-file-name "./public_html/") :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) :publishing-function org-html-publish-to-templated-html)
@ -106,7 +106,7 @@
;; top-level trigger ;; top-level trigger
("publish" ("publish"
:components ("blog" "assets" "homepage" "hydra-placeholder")))) :components ("blog" "assets" "homepage" "contact"))))
(org-publish "publish" t) (org-publish "publish" t)

2
templates/blog-index.html
View file

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

2
templates/blog.html
View file

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

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

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

2
templates/head.html
View file

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

4
templates/index.html
View file

@ -2,10 +2,10 @@
<html lang="en"> <html lang="en">
{{:include "head.html"}} {{:include "head.html"}}
<body> <body>
{{:include "navbar.html"}}
<div id="organizer"> <div id="organizer">
<div class="sidebar"></div> <div class="sidebar"></div>
<div id="content"> <div id="content">
{{:include "navbar.html"}}
<div class="card-toplevel"> <div class="card-toplevel">
<a class="card-link" href="https://gitea.redalder.org/Magic_RB/NixNG"> <a class="card-link" href="https://gitea.redalder.org/Magic_RB/NixNG">
<div class="card-entry"> <div class="card-entry">
@ -24,7 +24,7 @@
</a> </a>
<a class="card-link" href="https://gitea.redalder.org/RedAlder/ra-containers"> <a class="card-link" href="https://gitea.redalder.org/RedAlder/ra-containers">
<div class="card-entry"> <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-separator"></div>
<div class="card-body"> <div class="card-body">
<h4 class="card-heading"> ra-containers </h4> <h4 class="card-heading"> ra-containers </h4>

44
templates/navbar.html
View file

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