From 2e6be6bacd1cb2152a190e75f66a71ec21faa95f Mon Sep 17 00:00:00 2001 From: TechRunner Date: Wed, 15 Oct 2025 20:04:24 -0500 Subject: [PATCH] Created Blog Post Template Page --- pages/templates/post.html | 23 ++++++++++++++++ stylesheets/posts.css | 58 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 81 insertions(+) create mode 100644 pages/templates/post.html create mode 100644 stylesheets/posts.css diff --git a/pages/templates/post.html b/pages/templates/post.html new file mode 100644 index 0000000..ba497d8 --- /dev/null +++ b/pages/templates/post.html @@ -0,0 +1,23 @@ + + + + + + + Post Template + + + +
+
+

Post Title

+

Subtitle

+
Posted: 15 October 2025
+
+
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias a, doloremque neque culpa soluta qui itaque cupiditate necessitatibus sed delectus, nihil numquam beatae quaerat aperiam architecto commodi earum ad dolorum? Consectetur rem expedita vero voluptates dicta aperiam accusantium voluptatem vitae sunt cumque ea eum similique quod, facere iste! Aliquid, consequatur facere voluptatem corrupti laborum nihil eum? Similique enim, eos deserunt sunt deleniti adipisci dolores est accusamus quisquam incidunt voluptatem quaerat eveniet quis officia? Veritatis consectetur veniam obcaecati odit quam minus, delectus rerum sunt ipsa nostrum, enim a accusamus ducimus, placeat dolor sed architecto illum voluptatem autem animi praesentium ab est.

+
+
+ + \ No newline at end of file diff --git a/stylesheets/posts.css b/stylesheets/posts.css new file mode 100644 index 0000000..4ff1ecf --- /dev/null +++ b/stylesheets/posts.css @@ -0,0 +1,58 @@ +body{ + background-image: url("/media/Art/EmptySpace.png"); +} + +#mainView{ + background-color: #44607754; + + border-radius: 20px; + border-style: double; + border-color: silver; + + padding: 15px; + + text-align: center; + height: 92vh; + margin-top: 2vh; +} + +@media (min-width: 800px){ + body{ + background-image: url("/media/Art/EmptySpace.png"); + background-size: 10%; + } +} + +.postHeader{ + display: flex; + flex-direction: column; + align-items: center; +} + +#postTitle{ + color: lightseagreen; + padding: 0; + margin: 0; +} + +#postSubTitle{ + color:lightcoral; + margin: 0; +} + +#postDate{ + color: lightgreen; +} + +.postBody{ + text-align: center; + color: #00ffc8; + margin: 10px; + border-style: solid; + border-color: lightblue; + border-radius: 25px; + height: 70vh; + overflow: scroll; + word-wrap: break-word; + padding: 1% 5%; +} \ No newline at end of file