chore(wip): add projects to website
All checks were successful
Deploy Blog / build (push) Successful in 18s
All checks were successful
Deploy Blog / build (push) Successful in 18s
This commit is contained in:
parent
14a247e6f6
commit
e6d311a55e
4 changed files with 48 additions and 10 deletions
|
@ -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 = [[
|
||||
|
|
|
@ -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>
|
||||
<p><% project.description %></p>
|
||||
</div>
|
||||
</a>
|
||||
<! end !>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
7
projects.lua
Normal file
7
projects.lua
Normal file
|
@ -0,0 +1,7 @@
|
|||
return {
|
||||
{
|
||||
name = "aestuarium",
|
||||
description = "wayland wallpaper utility",
|
||||
url = "https://github.com/coding-agent/aestuarium",
|
||||
},
|
||||
}
|
|
@ -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 %>;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue