website

commit bcd0b6396c06a226559d83c92c5c0bc5a1b18bfc
parent fd5ed07d2e60e5cfe14adf1ef4aec398a2592e10
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Thu,  9 Nov 2023 10:44:40 +0200

Add suggestion forms

Diffstat:
M
config/_default/params.toml
 | 
2
+-
M
content/pages/library.md
 | 
22
++++++++++++++++++++++
M
content/pages/software.md
 | 
24
++++++++++++++++++++++--
A
static/css/styles.css
 | 
38
++++++++++++++++++++++++++++++++++++++

4 files changed, 83 insertions(+), 3 deletions(-)
diff --git a/config/_default/params.toml b/config/_default/params.toml
@@ -5,7 +5,7 @@ footnote = """
 <a class=link href=/index.xml>RSS</a> -->
 """
 keywords = ["michael", "neuper", "linux", "blog", "productivity"]
-customJS = ["js/script.js"]
+customCSS = ["css/styles.css"]
 dateFormat = "2 January 2006"
 emphasisWithDots = true
 toc = true
diff --git a/content/pages/library.md b/content/pages/library.md
@@ -93,3 +93,24 @@ I also don't necessarily like all the books I own.
 - LaBerge, Stephen - _Exploring the World of Lucid Dreaming_
 - Ollam, Deviant- _Practical Lock Picking_
 - Seirawan, Yasser - _Winning Chess Tactics_
+
+## Suggestions
+
+If you would like to suggest a book, you can submit the form below.
+
+<p>
+  <form name="book" class="suggestion" netlify>
+  <p>
+      <label>Name <input type="text" name="name" /></label>
+  </p>
+  <p>
+      <label>Title <input type="text" name="title" /></label>
+  </p>
+  <p>
+      <label>Author <input type="text" name="author" /></label>
+  </p>
+  <p>
+      <button type="submit">Send</button>
+  </p>
+  </form>
+</p>
+\ No newline at end of file
diff --git a/content/pages/software.md b/content/pages/software.md
@@ -5,6 +5,7 @@ title: "Programs I Use"
 <img align="right" src="/images/logo.webp">
 
 ## Basic
+
 **Operating system:**
 I use [arch](https://archlinux.org/), btw.
 
@@ -19,11 +20,12 @@ Nowadays I mostly use vterm or eshell in emacs.
 [bspwm](https://github.com/baskerville/bspwm) on Linux and [yabai](https://github.com/koekeishiya/yabai) on macOS.
 
 **Text editor/IDE:**
-[GNU Emacs](https://www.gnu.org/software/emacs/) with the [Doom Emacs](https://github.com/hlissner/doom-emacs) configuration framework. 
+[GNU Emacs](https://www.gnu.org/software/emacs/) with the [Doom Emacs](https://github.com/hlissner/doom-emacs) configuration framework.
 
 ## Utilities
+
 **File manager:**
-I do 99% of my file management with dired inside emacs. 
+I do 99% of my file management with dired inside emacs.
 For the other 1% I'll use the default file manager.
 
 **Web browser:**
@@ -39,6 +41,7 @@ Used to use vlc, now I use mpv like all the cool kids.
 [qBittorrent](https://www.qbittorrent.org/) on Linux and [Transmission](https://transmissionbt.com/) on macOS.
 
 ## Production
+
 **Digital Art:**
 Been getting into digital art lately and have been loving [krita](https://krita.org/en/).
 
@@ -55,3 +58,20 @@ I used to use [zathura](https://pwmt.org/projects/zathura/) but now I use pdf-to
 
 **Image modification:**
 [GIMP](https://www.gimp.org/)
+
+## Suggestions
+
+If you would like to suggest a program/software for me to try, you can submit the form below.
+<p>
+  <form name="software" class="suggestion" netlify>
+  <p>
+      <label>Name <input type="text" name="name" /></label>
+  </p>
+  <p>
+      <label>Program <input type="text" name="program" /></label>
+  </p>
+  <p>
+      <button type="submit">Send</button>
+  </p>
+  </form>
+</p>
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -0,0 +1,38 @@
+form.suggestion {
+  max-width: 400px;
+  font-weight: bold;
+  background-color: var(--bg_s);
+  padding: 1rem;
+  border-radius: 0.25rem;
+}
+
+form.suggestion input[type="text"],
+form.suggestion input[type="email"],
+form.suggestion input[type="text"] {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid var(--fg);
+  border-radius: 4px;
+  color: var(--fg);
+}
+
+form.suggestion input[type="text"],
+form.suggestion input[type="email"],
+form.suggestion input[type="text"]:focus {
+  outline: 1px solid var(--fg);
+  background-color: var(--bg);
+}
+
+form.suggestion button[type="submit"] {
+  background-color: var(--green-dim);
+  color: var(--bg);
+  padding: 0.5rem 1rem;
+  border: none;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+form.suggestion button[type="submit"]:hover {
+  background-color: var(--green);
+}