Basic CSS for HTML output

.gitea/workflows/build.yaml

@@ -0,0 +1,42 @@
+name: Build
+
+on:
+  push:
+    branches:
+      - master
+
+env:
+  HOST: ${{ secrets.SSH_HOSTNAME }}
+  HOST_DIR: ${{ secrets.SSH_TARGET_DIR }}
+  SSH_USERNAME: ${{ secrets.SSH_USERNAME }}
+  SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install Dependencies
+        run: |
+          apt update -y
+          apt-get install -y --no-install-recommends \
+          cpanminus ghostscript make rsync \
+          libpdf-api2-perl libimage-info-perl
+
+      - name: Install Chordpro
+        run: cpanm install chordpro
+
+      - name: Build
+        run: make
+
+      - name: Deploy
+        run: |
+          apt-get install -y --no-install-recommends rsync
+          eval "$(ssh-agent -s)"
+          ssh-add - <<< "${SSH_PRIVATE_KEY}"
+          mkdir -p ~/.ssh/
+          ssh-keyscan -H "${HOST}" >> ~/.ssh/known_hosts
+          rsync -ra --delete-after ./* "${SSH_USERNAME}@${HOST}:${HOST_DIR}"

chordpro.css

@@ -0,0 +1,66 @@
+body {
+	margin: 0;
+	background-color: #d8d8d8;
+	color: #181818;
+}
+
+.song {
+	padding: 2em;
+}
+
+.title {
+	font-size: 1.5em;
+	font-weight: bold;
+	margin-bottom: 1em;
+}
+
+.chords {
+	font-style: italic;
+}
+
+.chorus, .verse, .tab {
+	margin: 1em 0;
+}
+
+.chorus {
+	position: relative;
+}
+
+.chorus:before {
+	content: "";
+	position: absolute;
+	left: -1em;
+	display: block;
+	height: 100%;
+	width: 2px;
+	background-color: #181818;
+}
+
+.tab {
+	white-space: pre;
+	font-family: monospace;
+	font-size: 1.25em;
+}
+
+.comment {
+	display: inline-block;
+	padding: .25em .5em;
+	background-color: #bbb;
+	color: #181818;
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #181818;
+		color: #d8d8d8;
+	}
+
+	.chorus:before {
+		background-color: #d8d8d8;
+	}
+
+	.comment {
+		background-color: #585858;
+		color: #d8d8d8;
+	}
+}

classic/chordpro.css

@@ -0,0 +1 @@
+../chordpro.css

mixtape/chordpro.css

@@ -0,0 +1 @@
+../chordpro.css