From fe7f72cd3fd7df0a781c32c6e9bf9d882c03bd63 Mon Sep 17 00:00:00 2001 From: Krzysztof Date: Sun, 17 Nov 2019 17:40:45 +0100 Subject: [PATCH] Add files via upload --- index.html | 142 +++++++++++++++++++++++++++++++++++ stylesheet.css | 195 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 337 insertions(+) create mode 100644 index.html create mode 100644 stylesheet.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..dea9da4 --- /dev/null +++ b/index.html @@ -0,0 +1,142 @@ + + + + BeonWeb + + + + + +
+
+ +

BeonWeb

+

Centrum części Internetu, gdzie ty możesz być częścią.

+
+
+
+ Strona główna + Wiadomości + Dzienna dawka memów + Rekomendowane playlisty + Blog +
+
+
+
+ + user/Krzysiek [Właściciel] +
Dodano: 17.11.2019 o 17:17 na s/Memes
+
+
+
+
Piękna chwila. :)
+
+
+
+
+
+ +

Polajkuj!

+
+
+ +

Udostępnij!

+
+
+ +

Skomentuj!

+
+
+ +

Zgłoś!

+
+
+ +

Postaw piwko!

+
+
+
+
+
+ + user/Krzysiek [Właściciel] +
Dodano: 17.11.2019 o 17:07 na s/Blog
+
+
+
+
Prędkość pisania!
+
Tak szybko tutaj robię to wszystko, że aż napisałem drugi post. Potem zostanie dodany memik, który będzie może z jakiejś grupy Facebookowej, a wiadomości zostaną zrobione kiedy indziej. Jeżeli masz mema, z którym chciałbyś się podzielić to możesz się skontaktować mailowo na razie: krzysiek-smaga@outlook.com +
+ Kto by się spodziewał, że to będzie tak bjutiful wyglądało. Aż zasługuje na kebaba. Zamówi mi ktoś? :) +
+
+
+
+
+ +

Polajkuj!

+
+
+ +

Udostępnij!

+
+
+ +

Skomentuj!

+
+
+ +

Zgłoś!

+
+
+ +

Postaw piwko!

+
+
+
+
+
+ + user/Krzysiek [Właściciel] +
Dodano: 17.11.2019 o 16:51 na s/Blog
+
+
+
+
Witaj Świecie!
+
A więc tak, jest to pierwszy post na tak zwanym blogu. Wyglądem przypomina strasznie Reddita, wiem. Choć nie będzie działać jak Reddit. Na tej stronie, będę dodawał posty tylko ja oraz osoby przeze mnie uprawnione. Jak widać w zakładkach, pojawiać się będą dzienne memy, rekomendowane playlisty na Spotify, posty, które będę pisał ja oczywiście oraz jakieś newsy, które będę pisał jak będzie mi się chciało z Polski lub świata. Co ciekawe, to nie jest na WordPressie. To wszystko jest pisane całym HTML oraz CSS do wyglądu, nie ma żadnego skryptu jak na ten czas. Nie ma jeszcze dawania polubień oraz komentarzy, ale i tak przyciski zostaną dodane, aby powkurzać osoby. Udostępnianie może będzie możliwe.
+
+
+
+
+ +

Polajkuj!

+
+
+ +

Udostępnij!

+
+
+ +

Skomentuj!

+
+
+ +

Zgłoś!

+
+
+ +

Postaw piwko!

+
+
+
+
+ +
Tutaj droga przeglądania się kończy, wróc wkrótce, po coś nowego :)
+
+
+
+

Zajrzyj tutaj!

+
+ + \ No newline at end of file diff --git a/stylesheet.css b/stylesheet.css new file mode 100644 index 0000000..3b6384c --- /dev/null +++ b/stylesheet.css @@ -0,0 +1,195 @@ +* { + margin: 0px; + font-family: 'GlacialIndifferenceRegular'; + box-sizing: border-box; +} + +body { + background-color: black; +} + +.nav { + background-color: rgb(45, 116, 180); + color: white; + padding: 24px 10%; + min-height: 128px; + text-align: center; +} + +/* Początek strony */ + +.intro { + float: right; + text-align: right; + width: 512px; +} + +.intro i { + font-size: 64px; + float: right; + margin-left: 16px; + color: black; +} + +.intro p { + display: block; +} + +.intro h3 { + font-size: 48px; +} + +/* Menu */ + +.menu { + background-color: rgb(45, 45, 45); + padding: 8px 10%; + color: white; + display: block; + margin-bottom: 8px; +} + +.menu a { + text-decoration: none; + padding: 8px 16px; + color: white; +} + +.menu a:hover { + background-color: black; +} + +.menu a .active { + background-color: rgb(45, 116, 180); +} + +/* Columns */ + +.left-column { + width: 55%; + float: left; + margin-left: 10%; + margin-right: 4px; +} + +.right-column { + margin-left: 1%; + width: 24%; + float: left; + background-color: rgb(45,45,45); + padding: 4px 8px; + color: white; +} + +/* Lewa kolumna */ + +.post { + padding: 8px; + background-color: rgb(45,45,45); + margin-bottom: 8px; +} + + .post .author { + margin-bottom: 4px; + color: white; + } + + .post .author img { + float: left; + height: 34px; + border-radius: 50%; + margin-right: 8px; + } + + .post .author .name { + text-decoration: none; + color: white; + } + + .post .author .name:hover{ + color: rgb(45, 116, 180); + } + + .post .author .date { + font-size: 12px; + } + + .post .line { + height: 2px; + width: 55%; + text-align: center; + padding: 1px; + margin-top: 16px; + margin: 4px 0px; + background-color: white; + } + + .post .content { + color: white; + margin-bottom: 8px; + } + + .post .content .title { + font-size: 36px; + margin-left: 8px; + font-weight: bold; + } + + .post .content .image { + text-align: center; + margin: 4px; + } + + .post .content .image img { + max-width: 65%; + } + + .options { + color: white; + } + + .options .button { + background-color: rgb(45, 116, 180); + min-width: 96px; + padding: 4px; + width: auto; + display: inline-flex; + } + + .options .button i { + float: left; + font-size: 20px; + margin-right: 4px; + } + + .options .button p { + float: left; + font-size: 16px; + margin-right: 4px; + } + + .end { + text-align: center; + color: white; + padding: 8px; + background-color: rgb(45,45,45); + margin: 0px 25%; + } + + .end i { + font-size: 24px; + float:left; + margin-bottom: 4px; + } + + .end .text{ + margin-bottom: 4px; + } + +/* Prawa kolumna */ + + + +@media screen and (max-width:800px){ + +} \ No newline at end of file