mirror of
https://git.sr.ht/~magic_rb/website
synced 2024-11-22 00:04:20 +01:00
Heavy visual changes
Signed-off-by: Magic_RB <magic_rb@redalder.org>
This commit is contained in:
Magic_RB
parent
328f26dd29
commit
259373af23
|
|
@ -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
BIN
assets/icons/favicon-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
2
home/contact.org
Normal file
2
home/contact.org
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
- Discord: =Magic_RB#6785=
|
||||
- PGP: =0F49 1A57 B4DF 4313 6CD4 AB6B F07E 558C D1E6 999F=
|
||||
10
make.el
10
make.el
|
|
@ -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,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,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}}
|
||||
|
|
|
|||
|
|
@ -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,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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,36 @@
|
|||
<div id="navbar-toplevel">
|
||||
<a class="navbar-item" href="/">
|
||||
Home
|
||||
<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>
|
||||
<a class="navbar-item" href="https://gitea.redalder.org/Magic_RB">
|
||||
Gitea
|
||||
</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>
|
||||
<a class="navbar-item" href="https://github.com/MagicRB">
|
||||
GitHub
|
||||
</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>
|
||||
<a class="navbar-item" href="/hydra.html">
|
||||
HydraCI
|
||||
</div>
|
||||
<div class="navbar-item">
|
||||
<a class="navbar-click" href="/contact.html">
|
||||
<div class="navbar-text">Contact</div>
|
||||
<div class="navbar-underline"></div>
|
||||
</a>
|
||||
<a class="navbar-item" href="/blog">
|
||||
Blog
|
||||
</a>
|
||||
<a class="navbar-item" href="/contact">
|
||||
Contact
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue