checkpoint: website update

- Use default Sans Serif font for now
- Increase the width of the main section
- Generate links to profiles and services from the config
This commit is contained in:
Dan Anglin 2024-02-08 15:20:58 +00:00
parent ac7d73f013
commit 3fa47e9feb
Signed by: dananglin
GPG key ID: 0C1D44CFBEE68638
7 changed files with 41 additions and 47 deletions

View file

@ -2,7 +2,7 @@
compile '/index.asciidoc' do compile '/index.asciidoc' do
filter :asciidoctor, attributes: 'showtitle=true' filter :asciidoctor, attributes: 'showtitle=true'
layout '/default.html' layout '/home.html'
write item.identifier.without_ext + '.html' write item.identifier.without_ext + '.html'
end end

View file

@ -1,8 +1,7 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: sans-serif;
font-family: Georgia, Palatino, serif;
} }
body { body {
@ -24,27 +23,21 @@ a:hover {
#main { #main {
position: absolute; position: absolute;
top: 40px; top: 40px;
left: 280px; left: 280px;
width: 800px;
width: 500px;
} }
#main h1 { #main h1 {
font-size: 40px; font-size: 40px;
font-weight: normal; font-weight: normal;
line-height: 40px; line-height: 40px;
letter-spacing: -1px; letter-spacing: -1px;
} }
#main p { #main p {
margin: 20px 0; margin: 20px 0;
font-size: 15px; font-size: 15px;
line-height: 20px; line-height: 20px;
} }
@ -54,7 +47,6 @@ a:hover {
#main li { #main li {
font-size: 15px; font-size: 15px;
line-height: 20px; line-height: 20px;
} }
@ -64,39 +56,29 @@ a:hover {
#sidebar { #sidebar {
position: absolute; position: absolute;
top: 40px; top: 40px;
left: 20px; left: 20px;
width: 200px; width: 200px;
padding: 20px 20px 0 0; padding: 20px 20px 0 0;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
text-align: right; text-align: right;
} }
#sidebar h2 { #sidebar h2 {
text-transform: uppercase; text-transform: uppercase;
font-size: 13px; font-size: 13px;
color: #333; color: #333;
letter-spacing: 1px; letter-spacing: 1px;
line-height: 20px; line-height: 20px;
} }
#sidebar ul { #sidebar ul {
list-style-type: none; list-style-type: none;
margin: 20px 0; margin: 20px 0;
} }
#sidebar li { #sidebar li {
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
} }

View file

@ -1,26 +0,0 @@
<!DOCTYPE HTML>
<html lang="en">
<%= render '/partials/head.html' %>
<body>
<%= render '/partials/navigation.html' %>
<div id="main">
<%= yield %>
</div>
<div id="sidebar">
<h2>My Profiles</h2>
<ul>
<li><a href="https://freeflow.dananglin.me.uk/@dan" rel="me">In the Fediverse</a></li>
<li><a href="https://codeflow.dananglin.me.uk/dananglin" rel="me">On Code Flow</a></li>
<li><a href="https://github.com/dananglin" rel="me">On GitHub</a></li>
<li><a href="https://gitlab.com/dananglin" rel="me">On GitLab</a></li>
<li><a href="https://keyoxide.org/3A8B819A5E8795D75FDFF360B135D610070D4526" rel="me">My Keyoxide Proofs</a></li>
</ul>
<h2>Flow Services</h2>
<ul>
<li><a href="https://freeflow.dananglin.me.uk">Free Flow</a></li>
<li><a href="https://codeflow.dananglin.me.uk">Code Flow</a></li>
<li><a href="https://workflow.dananglin.me.uk">Work Flow</a></li>
</ul>
</div>
</body>
</html>

20
flow/layouts/home.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE HTML>
<html lang="en">
<%= render '/partials/head.html' %>
<body>
<%= render '/partials/navigation.html' %>
<div id="main">
<%= yield %>
</div>
<div id="sidebar">
<h2>My Profiles</h2>
<ul>
<%= profiles %>
</ul>
<h2>Flow Services</h2>
<ul>
<%= services %>
</ul>
</div>
</body>
</html>

9
flow/lib/profiles.rb Normal file
View file

@ -0,0 +1,9 @@
def profiles
out = +''
@config[:profiles].each do |profile|
out << "<li><a href=\"#{profile[:url]}\" rel=\"me\">#{profile[:name]}</a></li>\n"
end
out
end

9
flow/lib/services.rb Normal file
View file

@ -0,0 +1,9 @@
def services
out = +''
@config[:services].each do |service|
out << "<li><a href=\"#{service[:url]}\">#{service[:name]}</a></li>\n"
end
out
end