it ugly but it is getting there
This commit is contained in:
parent
b9022c673b
commit
efe2dafd1d
16 changed files with 233 additions and 102 deletions
3
Makefile
3
Makefile
|
@ -7,6 +7,5 @@ clean:
|
|||
rm -fr _build/ _site/
|
||||
|
||||
publish:
|
||||
ssh criminallycute.fi "rm -r /var/www/criminallycute.fi/public"
|
||||
scp -Cr _site criminallycute.fi:/var/www/criminallycute.fi/public
|
||||
rsync -avz _site/* criminallycute.fi:/var/www/criminallycute.fi/public
|
||||
|
||||
|
|
|
@ -1,5 +1,30 @@
|
|||
- active:
|
||||
- name: test
|
||||
link: https://some.site
|
||||
- name: criminallycute.fi
|
||||
link: https://code.criminallycute.fi/CriminallyCute/website
|
||||
description: |
|
||||
Fleet bilge rat hang the jib Sail ho dead men tell no tales gibbet yardarm galleon. Bowsprit long boat cackle fruit draft chandler scurvy crimp black spot lugger Sea Legs.
|
||||
This current website. It is written in Elixir.
|
||||
- name: Escia
|
||||
link:
|
||||
description: |
|
||||
My long-time tabletop roleplaying world and ruleset. Currently
|
||||
digitising all of it and doing some formatting updates before
|
||||
it is ready to show off fully. It is Creative Commons licensed.
|
||||
|
||||
- name: Unpleasant Hammer Princess
|
||||
link:
|
||||
description: |
|
||||
A 2d platformer that is mostly learning how to use godot.
|
||||
|
||||
- inactive:
|
||||
- name: ameliabot
|
||||
link: https://code.criminallycute.fi/siina/ameliabot
|
||||
description: |
|
||||
An owncast bot I had been working on. Wanted to make it work on twitch too
|
||||
but project priorities have changed and this is now on the backburner.
|
||||
|
||||
- archived:
|
||||
- name: siina.monster
|
||||
link: https://code.criminallycute.fi/siina/siina.monster
|
||||
description: |
|
||||
An old instance of my noter blog. It was a nice idea but I decided to
|
||||
combine it with criminallycute.fi
|
||||
|
|
20
_posts/faster-steam-downloads.md
Normal file
20
_posts/faster-steam-downloads.md
Normal file
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
layout: Website.PostLayout
|
||||
title: Faster Steam Downloads
|
||||
date: 2024-02-28
|
||||
categories: blog
|
||||
permalink: /blog/faster-steam-downloads
|
||||
---
|
||||
|
||||
To get faster steam downloads in linux:
|
||||
|
||||
create `~/.steam/steam/steam_dev.cfg` and add:
|
||||
|
||||
```elixir
|
||||
@nClientDownloadEnableHTTP2PlatformLinux 0
|
||||
@fDownloadRateImprovementToAddAnotherConnection 1.0
|
||||
```
|
||||
|
||||
restart steam, start a download, and you should notice a better download rate.
|
||||
|
||||
for me it went from capping at 100mbps to now going 500+mbps like it should.
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
layout: Website.PostLayout
|
||||
title: Test Post
|
||||
date: 2024-11-08
|
||||
categories: post
|
||||
permalink: /blog/test-post
|
||||
---
|
||||
|
||||
TEST POST PLEASE IGNORE
|
|
@ -4,6 +4,7 @@ config :tableau, :reloader,
|
|||
patterns: [
|
||||
~r"^lib/.*.ex",
|
||||
~r"^(_posts|_pages)/.*.md",
|
||||
~r"%(_notes|_notes)/.*.md",
|
||||
~r"assets/.*.(css|js)",
|
||||
]
|
||||
|
||||
|
@ -17,7 +18,7 @@ config :tableau, :config,
|
|||
mdex: [
|
||||
extension: [table: true, header_ids: "", tasklist: true, strikethrough: true],
|
||||
render: [unsafe_: true],
|
||||
features: [syntax_highlight_theme: "kanagawa"]
|
||||
features: [syntax_highlight_theme: "nord"]
|
||||
]
|
||||
]
|
||||
|
||||
|
@ -34,4 +35,3 @@ config :tableau, Tableau.RSSExtension,
|
|||
config :elixir, :time_zone_database, Tz.TimeZoneDatabase
|
||||
|
||||
import_config "#{Mix.env()}.exs"
|
||||
|
||||
|
|
|
@ -4,9 +4,9 @@ defmodule Website.PageLayout do
|
|||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<article>
|
||||
<%= {:safe, render(@inner_content)} %>
|
||||
</article>
|
||||
<article>
|
||||
<%= {:safe, render(@inner_content)} %>
|
||||
</article>
|
||||
"""
|
||||
end
|
||||
end
|
||||
|
|
|
@ -4,7 +4,9 @@ defmodule Website.PostLayout do
|
|||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<article>
|
||||
<%= {:safe, render(@inner_content)} %>
|
||||
</article>
|
||||
"""
|
||||
end
|
||||
end
|
||||
|
|
12
lib/layouts/projects_layout.ex
Normal file
12
lib/layouts/projects_layout.ex
Normal file
|
@ -0,0 +1,12 @@
|
|||
defmodule Website.ProjectsLayout do
|
||||
use Tableau.Layout, layout: Website.RootLayout
|
||||
use Phoenix.Component
|
||||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<article>
|
||||
<%= {:safe, render(@inner_content)} %>
|
||||
</article>
|
||||
"""
|
||||
end
|
||||
end
|
|
@ -17,22 +17,21 @@ defmodule Website.RootLayout do
|
|||
</title>
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<link rel="stylesheet" href="/css/site.css" />
|
||||
<!-- optional javascript: only used for highlighting active page in nav -->
|
||||
<script type="text/javascript" src="/js/site.js" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/projects">Projects</a></li>
|
||||
</ul>
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
<a class="nav-link" href="/about">About</a>
|
||||
<a class="nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-link" href="/projects">Projects</a>
|
||||
<sitename>
|
||||
<h1><a href="#"><%= @page[:title] %></a></h1>
|
||||
</sitename>
|
||||
</nav>
|
||||
<div>
|
||||
<h1><%= @page[:title] %></h1>
|
||||
<h2>This is a test site, please pardon the clutter.</h2>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
@ -40,14 +39,13 @@ defmodule Website.RootLayout do
|
|||
</main>
|
||||
|
||||
<footer>
|
||||
<ul>
|
||||
<li>some link</li>
|
||||
<li>some link 2</li>
|
||||
</ul>
|
||||
<div>
|
||||
<p>© <%= Date.utc_today().year %> Criminally Cute</p>
|
||||
<p><a class="underline" href="/feed.xml">RSS</a></p>
|
||||
</div>
|
||||
<nav>
|
||||
<a href="https://code.criminallycute.fi/CriminallyCute/website">source</a>
|
||||
<a class="underline" href="/feed.xml">RSS</a>
|
||||
<copyright>
|
||||
© <%= Date.utc_today().year %> Criminally Cute
|
||||
</copyright>
|
||||
</nav>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -8,9 +8,7 @@ defmodule Website.AboutPage do
|
|||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<p>Lateen sail pillage reef splice the main brace loot capstan carouser boatswain Corsair run a rig. Capstan tackle careen booty brig stern parrel topsail rope's end run a shot across the bow. Boatswain gun plunder jack no prey, no pay sutler carouser driver bring a spring upon her cable quarter.</p>
|
||||
<p>Sink me bring a spring upon her cable scourge of the seven seas piracy shrouds reef sails long boat killick Shiver me timbers belay. Schooner keelhaul parrel gangway grapple nipper chantey lad cackle fruit rutters. Come about bowsprit jury mast main sheet line sloop skysail yard Sea Legs weigh anchor.</p>
|
||||
<p>Bilge hornswaggle draught coffer lass boom boatswain hempen halter gun blow the man down. Heave to pink Privateer bounty rum parley mutiny scurvy wherry trysail. Trysail Sea Legs mizzenmast long boat topmast furl aft fathom landlubber or just lubber jolly boat.</p>
|
||||
<p>There is going to be something here, but for now there is not.</p>
|
||||
"""
|
||||
end
|
||||
end
|
||||
|
|
|
@ -8,13 +8,13 @@ defmodule Website.BlogPage do
|
|||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<h2>Blog posts</h2>
|
||||
<section>
|
||||
<article :for={post <- @posts} class="mt-8">
|
||||
Blog description goes here
|
||||
<a href={post.permalink}>
|
||||
<h3>
|
||||
<time><%= post.date |> Calendar.strftime("%d.%b.%Y") %></time>
|
||||
<%= post.title %>
|
||||
:: <%= post.title %>
|
||||
</h3>
|
||||
</a>
|
||||
</article>
|
||||
|
|
|
@ -8,8 +8,18 @@ defmodule Website.HomePage do
|
|||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<p>Swing the lead bucko bilge water jib smartly reef crack Jennys tea cup gibbet pillage boatswain.</p>
|
||||
<p>Ballast maroon fathom Sink me hempen halter Admiral of the Black scuppers jury mast Jolly Roger rutters. Gibbet Plate Fleet snow sloop Barbary Coast tender barque loot loaded to the gunwalls Brethren of the Coast. Sheet loot clap of thunder Nelsons folly Chain Shot case shot warp dance the hempen jig bucko quarter. </p>
|
||||
<p>Hello! Need to put stuff here...</p>
|
||||
<section class="recent-posts">
|
||||
<h2>Recent posts</h2>
|
||||
<div :for={post <- @posts}>
|
||||
<a href={post.permalink}>
|
||||
<h3>
|
||||
<time><%= post.date |> Calendar.strftime("%d.%b.%Y") %></time>
|
||||
:: <%= post.title %>
|
||||
</h3>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
"""
|
||||
end
|
||||
end
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
defmodule Website.ProjectsPage do
|
||||
use Tableau.Page,
|
||||
layout: Website.PageLayout,
|
||||
layout: Website.ProjectsLayout,
|
||||
permalink: "/projects",
|
||||
title: "Projects"
|
||||
|
||||
|
@ -8,27 +8,20 @@ defmodule Website.ProjectsPage do
|
|||
|
||||
def template(assigns) do
|
||||
~H"""
|
||||
<div>
|
||||
<div>
|
||||
<%= for type <- @data["projects"] do %>
|
||||
<div :for={{status, projects} <- type}>
|
||||
<h2><%= status %></h2>
|
||||
<div>
|
||||
<div :for={project <- projects}>
|
||||
<%= if project["link"] do %>
|
||||
<a href={project["link"]}><%= project["name"] %></a>
|
||||
<% else %>
|
||||
<%= project["name"] %>
|
||||
<% end %>
|
||||
<p class="mt-0 text-sm">
|
||||
<%= project["description"] %>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= for type <- @data["projects"] do %>
|
||||
<div class="projects" :for={{status, projects} <- type}>
|
||||
<h2><%= status %></h2>
|
||||
<article class="project" :for={project <- projects}>
|
||||
<h3><%= if project["link"] do %>
|
||||
<a href={project["link"]} target="_blank"><%= project["name"] %></a>
|
||||
<% else %>
|
||||
<%= project["name"] %>
|
||||
<% end %></h3>
|
||||
<%= project["description"] %>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
"""
|
||||
end
|
||||
end
|
||||
|
||||
|
|
|
@ -1,4 +1,114 @@
|
|||
:root {
|
||||
color-scheme: dark light;
|
||||
/* Colours formatted like Xresources */
|
||||
--fg: #e6cfcd;
|
||||
--bg: #110705;
|
||||
--cursor: #e6cfcd;
|
||||
/* black */
|
||||
--color0: #1c0d0b;
|
||||
--color8: #79e5ec;
|
||||
/* red */
|
||||
--color1: #291513;
|
||||
--color9: #88cd9e;
|
||||
/* green */
|
||||
--color2: #412420;
|
||||
--color10: #7fe7a3;
|
||||
/* yellow */
|
||||
--color3: #613934;
|
||||
--color11: #eac3bf;
|
||||
/* blue */
|
||||
--color4: #8a544c;
|
||||
--color12: #93eaaf;
|
||||
/* magenta */
|
||||
--color5: #bc746a;
|
||||
--color13: #e98bd6;
|
||||
/* cyan */
|
||||
--color6: #d5a7a2;
|
||||
--color14: #e9a2da;
|
||||
/* white */
|
||||
--color7: #eedfde;
|
||||
--color15: #edcdca;
|
||||
|
||||
color-scheme: dark;
|
||||
|
||||
--background: light-dark(var(--fg), var(--bg));
|
||||
--text: light-dark(var(--bg), var(--fg));
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: var(--background);
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 1em;
|
||||
background-color: var(--color2);
|
||||
color: var(--text);
|
||||
|
||||
main {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 1em;
|
||||
background-color: var(--color0);
|
||||
min-height: 50vh;
|
||||
|
||||
.recent-posts {
|
||||
padding-top: 2em;
|
||||
}
|
||||
|
||||
.projects {
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
iframe {
|
||||
display: block;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
width: 854px;
|
||||
height: 480px;
|
||||
}
|
||||
|
||||
.project {
|
||||
min-height: 0;
|
||||
h3 {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
margin-bottom: 0.5em;
|
||||
background-color: var(--color1);
|
||||
}
|
||||
|
||||
header nav, footer nav {
|
||||
a {
|
||||
display: inline;
|
||||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
a.active {
|
||||
background-color: var(--color3);
|
||||
}
|
||||
sitename, copyright {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
nav sitename h1 {
|
||||
margin: -0.33em 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: var(--color11);
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: transparent !important;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
|
|
9
static/js/site.js
Normal file
9
static/js/site.js
Normal file
|
@ -0,0 +1,9 @@
|
|||
window.onload = function() {
|
||||
var links = document.querySelectorAll('.nav-link');
|
||||
links.forEach(function(link) {
|
||||
if (link.href === window.location.href) {
|
||||
link.classList.add('active');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
36
test-post.md
36
test-post.md
|
@ -1,36 +0,0 @@
|
|||
---
|
||||
layout: Website.PostLayout
|
||||
title: Test Post
|
||||
date: 2024-11-8
|
||||
categories: post
|
||||
permalink: "/test-post"
|
||||
---
|
||||
|
||||
I’d love to drop anchor in your lagoon. Brwaack! Polly want a cracker? … Oh, wait. That’s for Talk Like a PARROT Day. That’s quite a cutlass ye got thar, what ye need is a good scabbard! Take what you can, give nothing back And that was done without a single drop of rum… The existence of the sea means the existence of pirates.
|
||||
|
||||
Let’s get together and haul some keel. Aye, I guarantee ye, I’ve had a twenty percent decrease in me “lice ratio!” Me I’m Dishonest. And A Dishonest Man You Can Always Trust To Be Dishonest. Honestly Its The Honest Ones You Want To Watch Out For Because You Never Know When They Are Going To Do Something Completely Stupid! The rougher the seas, the smoother we sail. Ahoy! Give me freedom or give me the rope. For I shall not take the shackles that subjugate the poor to uphold the rich. Drink up me hearties yoho …a pirates life for me The average man will bristle if you say his father was dishonest, but he will brag a little if he discovers that his great- grandfather was a pirate.
|
||||
|
||||
``` bash
|
||||
#!/bin/sh
|
||||
if [[ ! $1 ]]; then
|
||||
user="siinamonster"
|
||||
else
|
||||
user="$1"
|
||||
fi
|
||||
|
||||
api_url="https://api.listenbrainz.org/1/user/$user/playing-now"
|
||||
|
||||
data=$(curl -s $api_url | jq -r '.payload.listens[0].track_metadata')
|
||||
artist=$(echo "$data" | jq '.artist_name' | tr -d '"')
|
||||
track=$(echo "$data" | jq '.track_name' | tr -d '"')
|
||||
|
||||
if [[ "$artist" != "null" ]]; then
|
||||
echo "Currently playing: $artist" - "$track"
|
||||
else
|
||||
echo "Not listening to anything right now."
|
||||
fi
|
||||
```
|
||||
|
||||
Come on up and see me urchins. Prepare to be boarded. That’s the finest pirate booty I’ve ever laid eyes on. What are YOU doing here? Life’s pretty good, and why wouldn’t it be? I’m a pirate, after all. Shiver me timbers.
|
||||
|
||||
Pardon me, but would ya mind if I fired me cannon through your porthole? Take what you can, give nothing back There comes a time in most men’s lives where they feel the need to raise the Black Flag. you know, thats the 2nd time I’v watched that man sail away with my ship. “I’ve got a jar of dirt! I’ve got a jar of dirt, and guess what’s inside it?” “Why is the rum always gone?” Land was created to provide a place for boats to visit.
|
Loading…
Reference in a new issue