diff --git a/README.md b/README.md index 19ed08f..d6e020d 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,10 @@ -# Violets-Limbo +# Violet's Limbo +Violet's Limbo is my own blog posting software, not made for commercial use. -Simple, easy to host nodejs application that allows making basic blog posts via markdown files. -Intended for https://blog.violets-purgatory.dev !! \ No newline at end of file +## How does it work? +Within `data.json`, I can specify the title & path of posts (more planned in the future) in an array, and the order of the posts is based on the order of the elements in the array. Janky? Yes. Functional? Yes! + +## To-Do +- [x] Fix the css on list elements (like these lol) +- [x] Allow pinning of posts (like this one) +- [ ] Add table of contents to posts \ No newline at end of file diff --git a/index.js b/index.js index 6422cda..7edb403 100644 --- a/index.js +++ b/index.js @@ -44,9 +44,10 @@ function pageUpdate() { addedHTML += - `
+ `

${post.name}

+

${post.desc}

Path: /post/${post.path}
` @@ -61,6 +62,7 @@ function pageUpdate() { watcher .on('change', pageUpdate) + .on('add', pageUpdate) app.get('/post/:post*', (req, res) => { var postName = req.params.post diff --git a/resources/mainPage.html b/resources/mainPage.html index 8f5459a..ebe318d 100644 --- a/resources/mainPage.html +++ b/resources/mainPage.html @@ -5,17 +5,16 @@ Violet's Limbo - +

Home

Violet's Limbo

-
-

Violet's Limbo is just a bunch of random blogs I decided to post, because why not :>

-

Currently its very early in development, and is going through a large rewrite :P

+
+

Violet's Limbo is... my blog! I talk about game design, development, and whatever else comes to mind!

Enjoy my bad opinions!

Posts:

{POSTS} -
+ \ No newline at end of file diff --git a/resources/postPage.html b/resources/postPage.html index aef7804..a5d7ef7 100644 --- a/resources/postPage.html +++ b/resources/postPage.html @@ -5,14 +5,14 @@ Violet's Limbo - +

Home

{POST_TITLE}

-
+
{POST} -
+ \ No newline at end of file diff --git a/static/fonts/source-code-pro-v23-latin-regular.woff2 b/static/fonts/source-code-pro-v23-latin-regular.woff2 new file mode 100644 index 0000000..b62bc79 Binary files /dev/null and b/static/fonts/source-code-pro-v23-latin-regular.woff2 differ diff --git a/static/style.css b/static/style.css index 7079b85..d24b3c8 100644 --- a/static/style.css +++ b/static/style.css @@ -1,44 +1,41 @@ -@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css'); +@font-face { + font-display: swap; + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 400; + src: url('../fonts/source-code-pro-v23-latin-regular.woff2') format('woff2'); +} + * { - font-family: Verdana, Geneva, Tahoma, sans-serif; + font-family: "Source Code Pro", Verdana, Geneva, Tahoma, sans-serif; padding: 0; text-align: center; - line-height: 1.5rem; } h1 { - color: rgb(225, 215, 255); + color: rgb(0, 255, 0); font-size: 2.5rem; } h2, -h3, li { - color: white; + color: rgb(0, 255, 0); } body, html { - overflow-x: hidden; margin: auto; - background-color: rgb(20, 5, 60); - background: linear-gradient(rgb(25, 5, 75), black); - width: 100vw; - height: 100vh; + background-color: black; margin: 0; padding: 0; - background-attachment: local; } body { padding: 2.5%; } -.fadediv { - animation-name: fade-in; - animation-duration: .75s; - animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); +main { margin: auto; max-width: 1000px; } @@ -49,6 +46,24 @@ a { transition: 1.5s all cubic-bezier(0.075, 0.82, 0.165, 1); } +.textBlock { + color: rgb(240, 240, 240); + white-space: pre-wrap; + background-color: rgb(10, 10, 10); + border: 2px lightgray solid; + padding: 0 10px; + +} + +.post { + color: rgb(240, 240, 240); + background-color: rgb(10, 10, 10); + border: 2px gray solid; + padding: 10px; + padding-top: 0; + margin: 25px 10px; +} + a:hover { color: white; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); @@ -72,16 +87,4 @@ hr { opacity: 0.25; border-width: 2px; margin: 15px 10%; -} - -@keyframes fade-in { - 0% { - opacity: 0; - transform: translateY(50vh); - } - - 100% { - opacity: 1; - transform: none; - } } \ No newline at end of file