rework website

This commit is contained in:
nek0 2023-11-27 23:49:06 +01:00
parent 782311c832
commit 3f2f910349
6 changed files with 69 additions and 48 deletions

View file

@ -26,3 +26,4 @@ executable chaoszone
, aeson , aeson
hs-source-dirs: src hs-source-dirs: src
default-language: Haskell2010 default-language: Haskell2010
ghc-options: -Wall -threaded

View file

@ -1,14 +1,20 @@
body { body {
color: black; color: black;
font-family: 'CMUTypewriter'; font-family: 'CMUTypewriter';
font-size: 23px; font-size: 23pt;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
padding: 0 2rem 0; padding: 0 2rem 0;
margin: 0; margin: 0;
display: flex; display: grid;
min-height: 100vh; min-height: 100vh;
flex-direction: column; grid-template-columns: [leftcol] 23rem [maincol] auto [rightcol] 1fr;
grid-template-rows: [headerrow] 6rem [mainrow] auto [footerrow] 2rem;
grid-template-areas:
"logo header header"
"logo main main"
"logo footer footer";
background-color: #a21d10;
} }
body::before { body::before {
@ -19,21 +25,24 @@ body::before {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background-color: #c30000; background-image: url(/images/Chaoszone.black.svg);
background-image: linear-gradient(to bottom, rgba(195,0,0,0.9) 0%,rgba(195,0,0,0.9) 100%), url(/images/Chaoszone.black.svg);
background-size: contain; background-size: contain;
background-attachment:fixed; background-attachment:fixed;
background-repeat:no-repeat; background-repeat:no-repeat;
background-position: center; background-position: center;
opacity: 0.05;
} }
header { header {
border-bottom: 2px solid white; border-bottom: 2px solid white;
margin-bottom: 30px; margin-bottom: 30px;
padding: 12px 0px 12px 0px; padding: 12px 0px 12px 0px;
grid-area: header;
}
header, header a {
font-family: 'CMUTypewriter'; font-family: 'CMUTypewriter';
font-size: 30px; font-size: 23pt;
margin-left: 25rem;
} }
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
@ -50,6 +59,10 @@ a:hover {
text-decoration: underline text-decoration: underline
} }
#logo {
grid-area: logo;
}
#logo, #logo img { #logo, #logo img {
max-width: 23rem; max-width: 23rem;
} }
@ -83,7 +96,6 @@ nav li {
nav li a { nav li a {
color: white; color: white;
font-size: 18px;
font-weight: bold; font-weight: bold;
margin-left: 12px; margin-left: 12px;
text-decoration: none; text-decoration: none;
@ -95,7 +107,7 @@ nav li a:first-child {
} }
article { article {
margin-left: 25rem; grid-area: main;
} }
article img { article img {
@ -103,19 +115,22 @@ article img {
} }
footer { footer {
grid-area: footer;
border-top: solid 2px white; border-top: solid 2px white;
font-size: 12px; font-size: 12px;
padding: 12px 0px 12px 0px; padding: 12px 0px 12px 0px;
text-align: right; text-align: right;
} }
/*
h1 { h1 {
font-size: 24px; font-size: 24pt;
} }
h2 { h2 {
font-size: 20px; font-size: 20pt;
} }
*/
div.info { div.info {
font-size: 14px; font-size: 14px;

View file

@ -25,3 +25,10 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'LePatinHelvete';
src: url('/fonts/Le-patin-helvete.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

View file

@ -1,16 +1,16 @@
--- ---
title: Home title: Under Construction
--- ---
## Welcome, Comrades! ## /!\\ Codeworks ahead /!\\
Hello there!
Welcome to this blog! As the 37th Chaos Communication Congress draws nearer a greater overhaul of this page is in order.
We are ChaosZone, mostly hackers from eastern countries, but all creatures are Come back soon for more Information on ChaosZone and its member hackerspaces.
welcome. Meet us at our Assembly at 35C3.
The latest posts here are: Posts from previous years:
$partial("templates/post-list.html")$ $partial("templates/post-list.html")$

View file

@ -50,29 +50,29 @@ main = do
defaultCtx defaultCtx
>>= relativizeUrls >>= relativizeUrls
create ["index.html"] $ do -- create ["index.html"] $ do
route idRoute -- route idRoute
compile $ do
post <- fmap head . recentFirst =<< (loadAll "site/posts/*"
:: Compiler [Item String])
let indexCtx =
constField "date" "%B %e, %Y" <>
defaultCtx
makeItem (itemBody post)
>>= relativizeUrls
-- match "site/index.md" $ do
-- route $ myRoute `composeRoutes` setExtension "html"
-- compile $ do -- compile $ do
-- posts <- fmap (take 5) . recentFirst =<< loadAll "site/posts/*" -- post <- fmap head . recentFirst =<< (loadAll "site/posts/*"
-- let indexCtx = listField "posts" postCtx (return posts) <> -- :: Compiler [Item String])
-- constField "title" "Home" <> -- let indexCtx =
-- constField "date" "%B %e, %Y" <>
-- defaultCtx -- defaultCtx
-- getResourceBody -- makeItem (itemBody post)
-- >>= applyAsTemplate indexCtx -- >>= relativizeUrls
-- >>= renderPandoc
-- >>= loadAndApplyTemplate "templates/default.html" defaultCtx match "site/index.md" $ do
-- >>= relativizeUrls route $ myRoute `composeRoutes` setExtension "html"
compile $ do
posts <- fmap (take 5) . recentFirst =<< loadAll "site/posts/*"
let indexCtx = listField "posts" postCtx (return posts) <>
constField "title" "Home" <>
defaultCtx
getResourceBody
>>= applyAsTemplate indexCtx
>>= renderPandoc
>>= loadAndApplyTemplate "templates/default.html" defaultCtx
>>= relativizeUrls
create ["archive.html"] $ do create ["archive.html"] $ do
route idRoute route idRoute

View file

@ -12,12 +12,11 @@
<link rel="icon" type="image/svg+xml" href="/images/Chaoszone.svg"> <link rel="icon" type="image/svg+xml" href="/images/Chaoszone.svg">
</head> </head>
<body> <body>
<div class="wrapper"> <div id="logo">
<div id="logo"> <a href="/">
<a href="/"> <img src="/images/Chaoszone_crest.36c3.svg" alt="ChaosZone">
<img src="/images/Chaoszone_crest.36c3.svg" alt="ChaosZone"> </a>
</a> </div>
</div>
<header id="header"> <header id="header">
<nav class="menu"> <nav class="menu">
@ -30,11 +29,10 @@
</nav> </nav>
</header> </header>
<article id="content"> <article id="content">
<h1>$title$</h1> <h1>$title$</h1>
$body$ $body$
</article> </article>
</div>
<footer id="footer"> <footer id="footer">
last updated on: $curtime$ | last updated on: $curtime$ |