coding-agent/startseite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(wip): add projects to website
All checks were successful
Deploy Blog / build (push) Successful in 17s
Details

Browse source
This commit is contained in:
Marcius 2024-07-01 15:50:16 +01:00
parent 14a247e6f6
commit 388af78db7
4 changed files with 48 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
confgen.lua
View file

@ -36,6 +36,7 @@ local email = "info@coding-agent.me"
local github = "https://github.com/coding-agent/"
cg.opt.highlight = require("highlight")
cg.opt.projects = require("projects")
cg.opt.style = require('style')
cg.opt.doctype = "<!doctype html>"
cg.opt.header_links = [[

14
index.html.cgt
View file

@ -16,7 +16,7 @@
</div>
<div class="articles">
<h2> Articles </h2>
<h2> Blog </h2>
<! for _, article in pairs(opt.articles) do !>
<a href="<% article.file %>">
<div class="article">
@ -29,8 +29,18 @@
</a>
<! end !>
</div>
<div class="projects">
<h2>Open Source</h2>
<! for _, project in pairs(opt.projects) do !>
<a href="<% project.url %>">
<div class="project">
<h3><% project.name %></h3>
<b><% project.description %></b>
</div>
</a>
<! end !>
</div>
</body>
</html>

7
projects.lua Normal file
View file

@ -0,0 +1,7 @@
return {
{
name = "aestuarium",
description = "wayland wallpaper utility",
url = "https://github.com/coding-agent/aestuarium",
},
}

36
style.css.cgt
View file

@ -88,17 +88,27 @@ h1, h2, h3 {
color: <% opt.style.blue %>;
}
.article {
transition: 0.3s ease;
.main {
display: flex;
flex-direction: row;
}
.article, .project {
transition: 1s ease;
padding: 5px;
border-radius: 10px;
}
a.project {
color: #AAAAAA;
text-decoration: none;
}
a.article {
text-decoration: none;
}
.article:hover {
.article:hover, .project:hover {
background: <% opt.style.white_sub_background %>;
}
@ -122,20 +132,31 @@ a.article {
}
.articles {
width: 40%;
clear: both;
float: left;
width: 60%;
padding: 40px 25px;
align-self: start;
display: flex;
flex-direction: column;
}
.articles a {
.projects {
float: left;
width: 30%;
padding: 40px 25px;
align-self: start;
display: flex;
flex-direction: column;
}
.articles a, .projects a {
text-decoration: none;
}
.blinking {
display: none;
animation: blink 2s linear infinite;
animation: blink 4s linear infinite;
}
.code {
@ -222,7 +243,6 @@ a.article {
color: <% opt.style.white_text %>;
}
.article:hover {
.article:hover, project:hover {
background: <% opt.style.dark_sub_background %>;
}
}