added projects page

1 year ago · d3b8557797
6 changed files with 55 additions and 21 deletions
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -29,12 +29,8 @@ GEM
      rouge (~> 3.0)
      safe_yaml (~> 1.0)
      terminal-table (~> 1.8)
-    jekyll-feed (0.13.0)
-      jekyll (>= 3.7, < 5.0)
    jekyll-sass-converter (2.1.0)
      sassc (> 2.0.1, < 3.0)
-    jekyll-seo-tag (2.6.1)
-      jekyll (>= 3.3, < 5.0)
    jekyll-watch (2.2.1)
      listen (~> 3.0)
    kramdown (2.1.0)
@ -45,10 +41,6 @@ GEM
      rb-fsevent (~> 0.10, >= 0.10.3)
      rb-inotify (~> 0.9, >= 0.9.10)
    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)
      forwardable-extended (~> 2.6)
    public_suffix (4.0.3)
@ -74,8 +66,6 @@ PLATFORMS

 DEPENDENCIES
  jekyll (~> 4.0.0)
-  jekyll-feed (~> 0.12)
-  minima (~> 2.5)
  tzinfo (~> 1.2)
  tzinfo-data
  wdm (~> 0.1.1)
--- a/_config.yml
+++ b/_config.yml
@ -1 +1,6 @@
-url: "https://lynnesbian.space/"
+url: "https://lynnesbian.space/"
+
+collections:
+  projects:
+    output: true
+    permalink: "/:collection/:name"
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -3,7 +3,7 @@

 <head>
 	<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>
 </head>

@ -11,8 +11,8 @@
 	<div id='main'>
 		{{ content }}
 	</div>
-	
+
 	{% include footer.html %}
 </body>

-</html>
+</html>
--- a/_projects/fedibooks.md
+++ b/_projects/fedibooks.md
@ -1,4 +1,4 @@
 ---
 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
 ---
--- a/assets/style.css
+++ b/assets/style.css
@ -27,7 +27,7 @@ h1, h2, h3, h4, h5, h6 {
 #bune {
 	height:200px;
 	min-height: 15vh;
-	margin: 50px auto;
+	margin: 50px auto 0;
 	display: block;
 }

@ -50,6 +50,35 @@ a {
 	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 {
 	text-align: center;
 	color: grey;
@ -58,6 +87,7 @@ footer {
 }
 footer p {
 	font-size: unset;
+	margin: 5px;
 }
 footer a:not(:last-child)::after {
 	content: " - "
@ -70,10 +100,7 @@ footer a:not(:last-child)::after {
 	p, footer, ul {
 		line-height: 1.6em;
 	}
-	#bune {
-		margin-bottom: 0;
-	}
 	h1 {
 		margin-top: 0;
 	}
-}
+}
--- a/projects.html
+++ b/projects.html
@ -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.
 	</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>
 		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>
-</div>
+</div>