+ diff --git a/public_html/parts/post_content.php b/public_html/parts/post_content.php new file mode 100644 index 0000000..938ea99 --- /dev/null +++ b/public_html/parts/post_content.php @@ -0,0 +1,8 @@ +
+

> <></h1> + </div> + <i class="post_date"><<DATE>></i> + <article id="content"> + <<CONTENT>> + </article> + diff --git a/public_html/style.css b/public_html/style.css new file mode 100644 index 0000000..d06a565 --- /dev/null +++ b/public_html/style.css @@ -0,0 +1,125 @@ +@media only screen and (max-width: 850px) { + header#menu { + flex-direction: column !important; + } +} + +:root { + --main: #dd9a1a; + --bg: #111; + --link: #ffdb96; + --link-hover: #dd9a1a; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: var(--bg); + color: var(--main); + font-family: "Helvetica", "Arial", sans-serif; +} + +div.main-content { + display: flex; + flex-direction: column; + width: 60%; + margin: 0 auto; + padding: 1rem; +} + +header#menu { + display: flex; + flex-direction: row; + height: 3rem; + border-width: 5px; + border-color: var(--main); + border-style: double; + border-radius: 5px; + margin-bottom: 2rem; + align-items: center; +} + +header#menu a { + padding: 7px; + color: var(--main); + text-decoration: none; + text-transform: uppercase; + padding-inline: 30px; + font-weight: bold; +} + +header#menu a.active { + background: var(--main); + color: var(--bg); +} + +header#menu a:hover { + background: var(--main); + color: var(--bg); +} + +div#top-bar { + font-family: 'Courier New'; +} + +article#content { + display: flex; + flex-direction: column; + border-width: 5px; + border-color: var(--main); + border-style: double; + border-radius: 5px; + margin-top: 2rem; + padding: 1rem; + gap: 8px; + padding-block: 2rem; +} + +footer#footer { + margin-top: 3rem; + display: flex; + flex-direction: row; + gap: 1rem; + justify-content: center; +} + +.link { + color: var(--link); + text-decoration: none; +} + +.link:hover { + color: var(--link-hover); +} + + +footer#footer > *:not(:last-child)::after { + content: " ~ "; + margin-left: 0.7rem; + color: var(--main); +} + +pre.ascii { + margin-bottom: 2rem; + font-size: 15px; +} + +.user_home { + display: grid; + grid-template-columns: 100px 30px 100px 100px 40px 120px 15px; + font-family: monospace; + white-space: pre; +} + +ol, ul { + margin-left: 2rem; +} + +.post { + display: flex; + gap: 1rem; +} diff --git a/welcome.txt b/welcome.txt new file mode 100644 index 0000000..dc6facd --- /dev/null +++ b/welcome.txt @@ -0,0 +1,4 @@ +Subject: Witaj na tylda.org! +From: v0id1st@tylda.org + +Siemano :D