added projects page

This commit is contained in:
Lynne Megido 2020-03-07 20:04:45 +10:00
parent 7913ff1cde
commit d3b8557797
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
6 changed files with 55 additions and 21 deletions

View file

@ -29,12 +29,8 @@ GEM
rouge (~> 3.0) rouge (~> 3.0)
safe_yaml (~> 1.0) safe_yaml (~> 1.0)
terminal-table (~> 1.8) terminal-table (~> 1.8)
jekyll-feed (0.13.0)
jekyll (>= 3.7, < 5.0)
jekyll-sass-converter (2.1.0) jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0) sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.6.1)
jekyll (>= 3.3, < 5.0)
jekyll-watch (2.2.1) jekyll-watch (2.2.1)
listen (~> 3.0) listen (~> 3.0)
kramdown (2.1.0) kramdown (2.1.0)
@ -45,10 +41,6 @@ GEM
rb-fsevent (~> 0.10, >= 0.10.3) rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10) rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.3.6) mercenary (0.3.6)
minima (2.5.1)
jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
pathutil (0.16.2) pathutil (0.16.2)
forwardable-extended (~> 2.6) forwardable-extended (~> 2.6)
public_suffix (4.0.3) public_suffix (4.0.3)
@ -74,8 +66,6 @@ PLATFORMS
DEPENDENCIES DEPENDENCIES
jekyll (~> 4.0.0) jekyll (~> 4.0.0)
jekyll-feed (~> 0.12)
minima (~> 2.5)
tzinfo (~> 1.2) tzinfo (~> 1.2)
tzinfo-data tzinfo-data
wdm (~> 0.1.1) wdm (~> 0.1.1)

View file

@ -1 +1,6 @@
url: "https://lynnesbian.space/" url: "https://lynnesbian.space/"
collections:
projects:
output: true
permalink: "/:collection/:name"

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="assets/style.css"> <link rel="stylesheet" type="text/css" href="/assets/style.css">
<title>{{ page.title | default: "lynnesbian dot space" }}</title> <title>{{ page.title | default: "lynnesbian dot space" }}</title>
</head> </head>
@ -11,8 +11,8 @@
<div id='main'> <div id='main'>
{{ content }} {{ content }}
</div> </div>
{% include footer.html %} {% include footer.html %}
</body> </body>
</html> </html>

View file

@ -1,4 +1,4 @@
--- ---
name: Fedibooks name: Fedibooks
description: Example description: A web UI for creating "ebooks bots"; bots that learn from your posts and use Markov chains to generate similar posts
--- ---

View file

@ -27,7 +27,7 @@ h1, h2, h3, h4, h5, h6 {
#bune { #bune {
height:200px; height:200px;
min-height: 15vh; min-height: 15vh;
margin: 50px auto; margin: 50px auto 0;
display: block; display: block;
} }
@ -50,6 +50,35 @@ a {
text-decoration: none; text-decoration: none;
} }
#projects {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.project {
flex: 1 0 400px;
background: linear-gradient(to bottom, #0dd, mediumpurple) no-repeat;
background-size: 2px;
padding: 10px;
margin: 10px;
position: relative;
}
.project::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
position: absolute;
background: linear-gradient(to bottom right, #00000003, #0000000c);
}
.project h2 {
margin-top: 0;
}
footer { footer {
text-align: center; text-align: center;
color: grey; color: grey;
@ -58,6 +87,7 @@ footer {
} }
footer p { footer p {
font-size: unset; font-size: unset;
margin: 5px;
} }
footer a:not(:last-child)::after { footer a:not(:last-child)::after {
content: " - " content: " - "
@ -70,10 +100,7 @@ footer a:not(:last-child)::after {
p, footer, ul { p, footer, ul {
line-height: 1.6em; line-height: 1.6em;
} }
#bune {
margin-bottom: 0;
}
h1 { h1 {
margin-top: 0; margin-top: 0;
} }
} }

View file

@ -8,7 +8,19 @@ layout: default
These are some of my personal projects that I've worked on. This is not an extensive list, it's more focused on the stuff I'm proud of or find otherwise noteworthy. These are some of my personal projects that I've worked on. This is not an extensive list, it's more focused on the stuff I'm proud of or find otherwise noteworthy.
</p> </p>
<div id='projects'>
{% for project in site.projects %}
<div class='project'>
<h2>{{ project.name }}</h2>
<p>
{{ project.description }}
</p>
<a href='{{ project.url }}'>Read more</a>
</div>
{% endfor %}
</div>
<p> <p>
You can find more of my public projects on my <a href='https://git.bune.city/lynnesbian'>Gitea</a> and <a href='https://github.com/lynnesbian'>Github</a> pages. You can find more of my public projects on my <a href='https://git.bune.city/lynnesbian'>Gitea</a> and <a href='https://github.com/lynnesbian'>Github</a> pages.
</p> </p>
</div> </div>