diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f7275bb --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +venv/ diff --git a/README.md b/README.md new file mode 100644 index 0000000..b21a1f6 --- /dev/null +++ b/README.md @@ -0,0 +1,18 @@ +# Decentrala + +Redisign of dmz.rs . + +# STILL NOT COMPLETED + +### TODO: + +- create themes switcher +- update projects section +- create blogging system +- create xmpp bot that connects to events section. +- make responsive +- make webring system +- add icon for mastodon +- add icon for source code for website + + diff --git a/blog.py b/blog.py new file mode 100644 index 0000000..e059b3a --- /dev/null +++ b/blog.py @@ -0,0 +1,11 @@ +# just testing markdown library for now + +from markdown import markdown as to_markdown + +blog = "" + +with open('blogs/Lorem Ipsum.md','rt') as file: + blog = file.read() + +with open('blogs/Lorem Ipsum.html', 'wt') as file: + file.write(to_markdown(blog)) diff --git a/blogs/Lorem Ipsum.html b/blogs/Lorem Ipsum.html new file mode 100644 index 0000000..83c8a11 --- /dev/null +++ b/blogs/Lorem Ipsum.html @@ -0,0 +1,43 @@ +

Nulla possent lacrimas huius

+

Fratres quoque

+

Lorem markdownum pariter: lata per tuae quo salus rorant septemfluus mecum + summisque feres potes Ulixes. Aeacus Tritonida reicere non convocat pariter + neque arma refovet quoque stabunt in. Velamina inrita, silvestribus, ut sarcina + memori, bellaque dummodo.

+

Factis dixit macies coissent! Nactasque molliter quam in memorant velamine; + praemia mundi illo Achille de.

+

Velut Procrin

+

Vobis grave fessos ita Belides; poena + hora oculis celebrandaque audita guttur ad custodia exprobravit. Pacis monuere + et crimen loquor contigit quae! Nondum iudex, auro moratur rogaberis manet. + Faciem in dolor adusque, sum soror pectoris in reppulit superest caesis, Hebrum + e natura sonabunt. Incensaque An monitae, in animoque vulnerat terra cavo + torquet qui humili perque, cristis alii fruitur adacto.

+ +

Ad utque sic Charybdis iamque sequenti genitore

+

Hesperien arida. Tibi caelo clavigeram saxoque capillos doleamne faveas testes + senex rudente lacrimis insula Cnosiacaeque? Dant ablato adulterium gemino, + pluvialibus una, dependent iactura illum redit atque dixi pondera. Eumque + sanguis errare, formasque parabat volubilibus satis creaverat dextera Iuppiter + te sero, est. Opem duceret quam tum pollentibus ramumque tauri; at Saturnia + erigitur imitamine ferens adunca delapsaque viminis, terras.

+

Denique ostendit femina tamen

+

Telum in ab utque ut et mihi auras Midan meo genus membra comites ne. Orbis + via necis. Romana deus, sub frangunt furor crepuscula equorum Teleboasque templa + virgineumque belua obsita est. Fragorem Somnus; ducebas placido oscula.

+
+

Inmota manifesta producit, inquit verbisque fluctus iamque, quo fuerat ipse + nostra, iussit nec tenebat. Pars procul, pietate crinales meus totiens + haustus frondes, per sedebat. Domum vincite.

+
+

De curaque quoque reddat numina quae veniam

+

Fessus iacit tantum elimat a medios vinoque finita adspergine liquerat munere + vultibus Atridae pecus positoque reluxit. Veniebat videtur laesae quod vacca, + lolium neu Perseus fraude nominibus contraria.

+

Parat ferus in actis terebrata animaeque quoque, deos et morte agitantem + ore. Proelia casus Gryneus. Quis mihi ille cur Assyrius per siquis, ille + Hecabe Arethusa, erigite perfectis.

\ No newline at end of file diff --git a/blogs/Lorem Ipsum.md b/blogs/Lorem Ipsum.md new file mode 100644 index 0000000..c547704 --- /dev/null +++ b/blogs/Lorem Ipsum.md @@ -0,0 +1,53 @@ +# Nulla possent lacrimas huius + +## Fratres quoque + +Lorem markdownum pariter: lata per tuae quo salus rorant septemfluus mecum +summisque feres potes Ulixes. Aeacus Tritonida reicere non convocat pariter +neque arma refovet quoque stabunt in. Velamina inrita, silvestribus, ut sarcina +memori, bellaque dummodo. + +Factis dixit macies coissent! Nactasque molliter quam in memorant velamine; +praemia mundi *illo* Achille **de**. + +## Velut Procrin + +Vobis [grave](http://www.palmae.net/aquis-inmota.html) fessos ita Belides; poena +hora oculis celebrandaque audita guttur ad custodia exprobravit. Pacis monuere +et crimen loquor *contigit quae*! Nondum iudex, auro moratur rogaberis manet. +Faciem in dolor adusque, sum soror pectoris in reppulit superest caesis, Hebrum +e natura sonabunt. Incensaque An monitae, in animoque vulnerat terra cavo +torquet qui humili perque, cristis alii fruitur adacto. + +- Est velavit idem +- Naupliades tenebant instanti ense iactura ut nutantem +- Miserarum corpore habet + +## Ad utque sic Charybdis iamque sequenti genitore + +Hesperien arida. Tibi caelo clavigeram saxoque capillos doleamne faveas testes +senex **rudente lacrimis** insula Cnosiacaeque? Dant ablato adulterium gemino, +pluvialibus una, dependent iactura illum redit atque dixi pondera. Eumque +sanguis errare, formasque parabat volubilibus satis creaverat dextera Iuppiter +te sero, est. Opem duceret quam tum pollentibus ramumque tauri; at Saturnia +erigitur imitamine ferens adunca delapsaque viminis, terras. + +## Denique ostendit femina tamen + +Telum in ab utque ut et mihi **auras Midan** meo genus membra comites ne. Orbis +via necis. Romana deus, sub frangunt furor crepuscula equorum Teleboasque templa +virgineumque belua obsita est. Fragorem Somnus; ducebas placido oscula. + +> Inmota manifesta producit, inquit verbisque fluctus iamque, quo fuerat ipse +> nostra, iussit **nec tenebat**. Pars procul, pietate crinales meus *totiens* +> haustus frondes, per sedebat. Domum vincite. + +## De curaque quoque reddat numina quae veniam + +Fessus iacit tantum elimat a medios vinoque finita adspergine liquerat munere +vultibus Atridae pecus positoque reluxit. Veniebat videtur laesae quod vacca, +lolium neu Perseus fraude nominibus contraria. + +Parat **ferus** in actis terebrata animaeque **quoque**, deos et morte agitantem +ore. Proelia casus Gryneus. Quis mihi *ille cur* Assyrius per siquis, ille +Hecabe Arethusa, erigite perfectis. diff --git a/chat.html b/chat.html deleted file mode 100644 index bfd7400..0000000 --- a/chat.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Chat

-

Za koriscenje XMPP (Jabber) mozete koristiti Gajim na racunaru , Conversations na Andoroid-u (ne pravite nalog na conversations.im serveru, mozete na dmz.rs ili nekom drugom) i Monal na Apple proizvodima.

-

Mozete nas naci u XMPP grupi decentrala@conference.dmz.rs

-

- -
-
-
- - diff --git a/dogadjaji.csv b/dogadjaji.csv new file mode 100644 index 0000000..56d9ff7 --- /dev/null +++ b/dogadjaji.csv @@ -0,0 +1,12 @@ +datum, vreme, lokacija, tema +03-05-2023, 12:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, Otvaranje izlozbe (Q&A) +03-05-2023, 18:00, KC Grad https://www.openstreetmap.org/node/4118716889, Linux install fest +04-05-2023, 17:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A) +04-05-2023, 18:00, Polyhedra https://www.openstreetmap.org/node/4856556781, Uvod u racunarske mreze +04-05-2023, 21:00, n/a, Online sastanak sa Zajednicom za slobodnu tehnologiju iz Kikinde +05-05-2023, 15:30, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A) +06-05-2023, 12:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A) +07-05-2023, 16:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (diskusija) +08-05-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Linux install day +09-05-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cryptoparty - Uvod u privatnost +11-05-2023, 18:00, Polyhedra https://www.openstreetmap.org/node/4856556781, Uvod u racunarske mreze diff --git a/dogadjaji.html b/dogadjaji.html deleted file mode 100644 index b15450b..0000000 --- a/dogadjaji.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Dogadjaji

-

> Svakog utorka u DC Krovu (Beograd, Kraljice Marije 47, zadnji sprat) u 19h radionica Uvod u mreze

-

- -
-
-
- - diff --git a/font/iosevka-regular.woff b/font/iosevka-regular.woff new file mode 100644 index 0000000..f24ecd5 Binary files /dev/null and b/font/iosevka-regular.woff differ diff --git a/forum.html b/forum.html deleted file mode 100644 index 0e42001..0000000 --- a/forum.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Forum

-

Forum je na forum.dmz.rs

-

Nalog na forumu nije povezan sa nalogom na xmpp i mail serveru

-

- -
-
-
- - diff --git a/img/cc.svg b/img/cc.svg new file mode 100644 index 0000000..60e699b --- /dev/null +++ b/img/cc.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + diff --git a/img/favicon_bg.svg b/img/favicon_bg.svg new file mode 100644 index 0000000..eead957 --- /dev/null +++ b/img/favicon_bg.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + diff --git a/img/favicon_bg_16.png b/img/favicon_bg_16.png new file mode 100644 index 0000000..a3790d7 Binary files /dev/null and b/img/favicon_bg_16.png differ diff --git a/img/favicon_bg_32.png b/img/favicon_bg_32.png new file mode 100644 index 0000000..8b7d8e9 Binary files /dev/null and b/img/favicon_bg_32.png differ diff --git a/img/favicon_bg_48.png b/img/favicon_bg_48.png new file mode 100644 index 0000000..b5777e1 Binary files /dev/null and b/img/favicon_bg_48.png differ diff --git a/img/favicon_bg_64.png b/img/favicon_bg_64.png new file mode 100644 index 0000000..d98fd3c Binary files /dev/null and b/img/favicon_bg_64.png differ diff --git a/img/favicon_transparent.svg b/img/favicon_transparent.svg new file mode 100644 index 0000000..1721b55 --- /dev/null +++ b/img/favicon_transparent.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + diff --git a/img/favicon_transparent_16.png b/img/favicon_transparent_16.png new file mode 100644 index 0000000..f73c2f6 Binary files /dev/null and b/img/favicon_transparent_16.png differ diff --git a/img/favicon_transparent_32.png b/img/favicon_transparent_32.png new file mode 100644 index 0000000..92c3c61 Binary files /dev/null and b/img/favicon_transparent_32.png differ diff --git a/img/favicon_transparent_48.png b/img/favicon_transparent_48.png new file mode 100644 index 0000000..bfbfe21 Binary files /dev/null and b/img/favicon_transparent_48.png differ diff --git a/img/favicon_transparent_64.png b/img/favicon_transparent_64.png new file mode 100644 index 0000000..1bd314e Binary files /dev/null and b/img/favicon_transparent_64.png differ diff --git a/img/mesh-dark.png b/img/mesh-dark.png new file mode 100644 index 0000000..648f15a Binary files /dev/null and b/img/mesh-dark.png differ diff --git a/img/mesh-light.png b/img/mesh-light.png new file mode 100644 index 0000000..ad5a110 Binary files /dev/null and b/img/mesh-light.png differ diff --git a/img/srce.svg b/img/srce.svg new file mode 100644 index 0000000..739a998 --- /dev/null +++ b/img/srce.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + diff --git a/img/w.svg b/img/w.svg new file mode 100644 index 0000000..38e54d4 --- /dev/null +++ b/img/w.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + diff --git a/img/www.svg b/img/www.svg new file mode 100644 index 0000000..ac380bc --- /dev/null +++ b/img/www.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + diff --git a/index.html b/index.html index 2546353..3e5f03f 100644 --- a/index.html +++ b/index.html @@ -1,28 +1,61 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja.

-

-
-
- - + + + + + + + + + Decentrala + + + +
+ Nalog +
+
+

Dobrodosli!

+

+ Mi smo Decentrala - grupa entuzijasta okupljena oko ideja decentralizacije i slobodnog sirenja znanja. + Zvuci interesantno? Evo jos nekih stvari o nama: +

+
+
Znanje:
+
Sve nase radionice su besplatne i otvorene za sve zainteresovane, a ako imate nesto sto zelite da + podelite, najavite se na nasem Forumu ili i odrzite radionicu kod nas!
+
Akcije:
+
Povremeno organizujemo razlicite akcije, hakatone, crypto-partije, izlozbe i slicne dogadjaje otvorene za sve + zainteresovane.
+
Servisi:
+
Na nasim serverima pokrecemo neke servise (email, git, wiki i druge) koji su otvoreni za sve i koje mozes + koristiti sa ili bez naseg naloga.
+
Ljudi:
+
Lorem ipsum dolor sit amet.
+
+

+ Ako si procitao sve i i dalje si zainteresovan, mozes da napravis nalog na nasem + serveru koji ce + ti omoguciti da koristis sve nase servise, a ako prvo hoces da vidis kako to + sve + izgleda u + realnosti, mozes da dodjes na neki od nasih dogadjaja, i tamo nas upoznas! +

+ +
+ + + + \ No newline at end of file diff --git a/kontakt.html b/kontakt.html deleted file mode 100644 index 1634af4..0000000 --- a/kontakt.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Kontakt

-

Mozete nam poslati email na dmz@dmz.rs

-

Ili nas kontaktiraje na forumu ili chat kanalu

-

Takodje mozete i doci na neku od dogadjaja i upoznati nas uzivo

-

- -
-
-
- - diff --git a/mesh.js b/mesh.js new file mode 100644 index 0000000..d331668 --- /dev/null +++ b/mesh.js @@ -0,0 +1,11 @@ +// this is a p5.js script that generates mesh image for the website +function setup() { + createCanvas(500, 700); + background("rgba(0,0,0,0)"); + stroke("rgba(255,255,255,1)"); + let j = 475; + for (let i = 0; i < 700; i += 35) { + line(500, i, j, 700); + j -= 25; + } +} diff --git a/nalog.html b/nalog.html deleted file mode 100644 index 5d29c06..0000000 --- a/nalog.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Nalog

-

Ako ste napravili nalog na dmz.rs mozete koristi nas xmpp i email server.

-

Za vise o XMPP pogledajte Chat stranicu.

-

Za primer podesavanja na Thundebird mail klijentu mozete pogledati sliku.

-

-
- -
-
- - diff --git a/onama.html b/onama.html deleted file mode 100644 index ff9d43a..0000000 --- a/onama.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - Decentrala - - -
-
-

DECENTRALA

-
-
-

Sta je Decentrala

-

Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja.

-

-
-

Znanje

-

Svako moze drzati predavanje na bilo koju temu, samo se najavite na forumu.

-

Decentrala veruje da svako treba da ima pristup znanju, zbog cega su predavanja uvek besplatna i bez promocija.

-

Ako zelite nesto da podelite sa drugima sto ste naucili, prijavite se da drzite jedno ili vise predavanja!

-

-
-

Akcija

-

Organizovanje dogadjaja programiranja ili instalacije servisa koje pomazu u decentralizaciji Interneta.

-

Organizujemo hackathone kao posebne dogadjaje na kojima se okupljamo da radimo na zajednickom cilju.

-

-
-

Druzenje

-

Drustvene dogadjaje u cilju socijalizacije.

-

Ako zelite da se druzite sa ljudima zainteresovanim za ravnopravnost koriscenja tehnologija, slobodnog softvera, privatnost i bezbednost, posetite neku od okupljanja Decentrale.

-

-
-
- -
-
-
- - diff --git a/pages/account.html b/pages/account.html new file mode 100644 index 0000000..5ce4a43 --- /dev/null +++ b/pages/account.html @@ -0,0 +1,36 @@ + + + + + + + + + Decentrala - Nalog + + + +
+ +
+
+ Ova stranica je trenutno u izradi... + +
+ + + + \ No newline at end of file diff --git a/pages/blog.html b/pages/blog.html new file mode 100644 index 0000000..29b6fda --- /dev/null +++ b/pages/blog.html @@ -0,0 +1,36 @@ + + + + + + + + + Decentrala - Blog + + + +
+ +
+
+ Ova stranica je trenutno u izradi... + +
+ + + + \ No newline at end of file diff --git a/pages/contact.html b/pages/contact.html new file mode 100644 index 0000000..309276a --- /dev/null +++ b/pages/contact.html @@ -0,0 +1,39 @@ + + + + + + + + + Decentrala - Kontakt + + + +
+ +
+
+

Kontakt

+

Mozes nam poslati mail na dmz@dmz.rs ili se mozes pridruziti nasem Forumu.

+

Takodje smo i na Fediversu!

+ +
+ + + + \ No newline at end of file diff --git a/pages/events.html b/pages/events.html new file mode 100644 index 0000000..88ddbc5 --- /dev/null +++ b/pages/events.html @@ -0,0 +1,84 @@ + + + + + + + + + Decentrala - Dogadjaji + + + +
+ +
+
+

Dogadjaji

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DatumVremeMestoTema
Petak, 5. Maj 2023. 15:30h Cvijeta Zuzoric ULUS izlozba (Q&A)
Subota, 6. Maj 2023. 12:00h Cvijeta Zuzoric ULUS izlozba (Q&A)
Nedelja, 7. Maj 2023. 16:00h Cvijeta Zuzoric ULUS izlozba (diskusija)
Ponedeljak, 8. Maj 2023. 19:00h DC Krov Linux install day
Utorak, 9. Maj 2023. 19:00h DC Krov Cryptoparty - Uvod u privatnost
Cetvrtak, 11. Maj 2023. 18:00h Polyhedra Uvod u racunarske mreze
+ + +
+ + + + \ No newline at end of file diff --git a/pages/projects.html b/pages/projects.html new file mode 100644 index 0000000..a70d7a3 --- /dev/null +++ b/pages/projects.html @@ -0,0 +1,36 @@ + + + + + + + + + Decentrala - Projekti + + + +
+ +
+
+ Ova stranica je trenutno u izradi... + +
+ + + + \ No newline at end of file diff --git a/pages/services.html b/pages/services.html new file mode 100644 index 0000000..5d0164d --- /dev/null +++ b/pages/services.html @@ -0,0 +1,78 @@ + + + + + + + + + Decentrala - Servisi + + + +
+ +
+
+

Servisi

+ + + + + + + + + + + + + + + + + + + + + + + + + +
ServisOpis
EmailEmail nalog koji mozes koristiti putem naseg mail web interfejsa ili na bilo kom + email + klijentu generalne namene, na primer Thunderbird-u. Bolji od + Gmail-a.
ForumForum na kojem obicno organizujemo nase dogadjaje. Bolji od Reddit-a. +
ChatOdrzavamo svoj XMPP server, na kojem mozes napraviti nalog ili ako vec imas nalog mozes nas naci u grupi decentrala@conference.dmz.rs . Bolji od WhatsApp-a.
GitGitea instanca na kojoj drzimo kod kao i ostale resurse za nase projekte, + dogadjaje, kao i neke nase random projekte kao i projekte nasih + prijatelja. + Ovo moze bit dom tvog sledeceg projekta. Bolji od Github-a. +
WikiWiki.js instanca koju koristimo da dokumentujemo nase projekte kao i + ostale dogadjaje.
+

Ovo su neki od servisa koje trenutno odrzavamo na nasim serverima. Da bi koristio ove servise, mozes se + registrujes za svaki servis ponaosob, ili da napravis nalog na nasem serveru i + sa istim nalogom + koristis sve servise.

+ +
+ + + + \ No newline at end of file diff --git a/prep.py b/prep.py new file mode 100644 index 0000000..002f0a6 --- /dev/null +++ b/prep.py @@ -0,0 +1,130 @@ +#! /usr/bin/env python + +from datetime import datetime +from functools import cmp_to_key + +days = [ + "Ponedeljak", + "Utorak", + "Sreda", + "Cetvrtak", + "Petak", + "Subota", + "Nedelja", +] + +months = [ + "Januar", + "Februar", + "Mart", + "April", + "Maj", + "Jun", + "Jul", + "Avgust", + "Septembar", + "Oktobar", + "Novembar", + "Decembar", +] + +today = datetime.today().date() + +def parse_date(date): + return datetime.strptime(date,"%d-%m-%Y").date() + +def compare_events(one, two): + one = parse_date(one.split(", ")[0]) + two = parse_date(two.split(", ")[0]) + if one>two: + return 1 + elif one==two: + return 0 + else: + return -1 + +def is_past_event(event): + return event < today + +def load_events(): + events = [] + with open("dogadjaji.txt", "rt") as file: + file.readline() + for event in file.readlines(): + event = event.strip() + if event != "": + events.append(event) + return events + +def write_events(events): + with open("dogadjaji.txt", "wt") as file: + file.write("datum, vreme, lokacija, tema\n") + for event in events: + file.write(event+"\n") + +def sort_events(events): + return sorted(events, key = cmp_to_key(compare_events)) + + +events = load_events() +events = sort_events(events) +write_events(events) + +start = "\n\n\n\n\n\n\n" +end="\n
DatumVremeMestoTema
" +future_events = [] + +for event in events: + date, time, location, title = event.split(", ") + date = parse_date(date) + if is_past_event(date): + continue + date = days[date.weekday()]+", "+str(date.day)+". "+months[date.month-1]+" "+str(date.year)+"." + time = time+"h" + future_event = [] + future_event.append(" "+date+" ") + future_event.append(" "+time+" ") + if "https://" in location: + place,link = location.split("https://") + future_event.append(" "+place.strip()+" ") + else: + future_event.append(" "+location.strip()+" ") + future_event.append(" "+title+" ") + future_events.append("\n"+"\n".join(future_event)+"\n") + +events = [] +events.append(start) + +for event in future_events: + events.append(event) + +events.append(end) + +with open("pages/dogadjaji.html","rt") as file: + html = file.readlines() + +new_html = [] + +i=0 +while i': + new_html.append(original_line) + for event in events: + new_html.append(event+"\n") + new_html.append(" \n") + while line!='': + i+=1 + line=html[i].strip() + i+=1 + while i"; - padding-right: 5px; - color: #24ea26; -} - -.back ul li { - text-align: right; - clear: both; -} - -.back ul li:before { - content: "<"; - padding-right: 5px; - color: #24ea26; -} - -#onama p { - font-size: 2vw; -} - -.box { - float: left; - width: 25vw; - text-align: center; - padding: 1vw; -} diff --git a/static/reset.css b/static/reset.css deleted file mode 100644 index d78a79a..0000000 --- a/static/reset.css +++ /dev/null @@ -1,368 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - * v2.0-modified | 20110126 - * License: none (public domain) - * */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - } - - /* make sure to set some focus styles for accessibility */ - :focus { - outline: 0; - } - - /* HTML5 display-role reset for older browsers */ - article, aside, details, figcaption, figure, - footer, header, hgroup, menu, nav, section { - display: block; - } - - body { - line-height: 1; - } - - ol, ul { - list-style: none; - } - - blockquote, q { - quotes: none; - } - - blockquote:before, blockquote:after, - q:before, q:after { - content: ''; - content: none; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - input[type=search]::-webkit-search-cancel-button, - input[type=search]::-webkit-search-decoration, - input[type=search]::-webkit-search-results-button, - input[type=search]::-webkit-search-results-decoration { - -webkit-appearance: none; - -moz-appearance: none; - } - - input[type=search] { - -webkit-appearance: none; - -moz-appearance: none; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - } - - textarea { - overflow: auto; - vertical-align: top; - resize: vertical; - } - - /** - * * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. - * */ - -audio, -canvas, -video { - display: inline-block; - *display: inline; - *zoom: 1; - max-width: 100%; - } - - /** - * * Prevent modern browsers from displaying `audio` without controls. - * * Remove excess height in iOS 5 devices. - * */ - -audio:not([controls]) { - display: none; - height: 0; - } - - /** - * * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. - * * Known issue: no IE 6 support. - * */ - -[hidden] { - display: none; - } - - /** - * * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using - * * `em` units. - * * 2. Prevent iOS text size adjust after orientation change, without disabling - * * user zoom. - * */ - -html { - font-size: 100%; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ - } - - /** - * * Address `outline` inconsistency between Chrome and other browsers. - * */ - -a:focus { - outline: thin dotted; - } - - /** - * * Improve readability when focused and also mouse hovered in all browsers. - * */ - -a:active, -a:hover { - outline: 0; - } - - /** - * * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. - * * 2. Improve image quality when scaled in IE 7. - * */ - -img { - border: 0; /* 1 */ - -ms-interpolation-mode: bicubic; /* 2 */ - } - - /** - * * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. - * */ - -figure { - margin: 0; - } - - /** - * * Correct margin displayed oddly in IE 6/7. - * */ - -form { - margin: 0; - } - - /** - * * Define consistent border, margin, and padding. - * */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; - } - - /** - * * 1. Correct color not being inherited in IE 6/7/8/9. - * * 2. Correct text not wrapping in Firefox 3. - * * 3. Correct alignment displayed oddly in IE 6/7. - * */ - -legend { - border: 0; /* 1 */ - padding: 0; - white-space: normal; /* 2 */ - *margin-left: -7px; /* 3 */ - } - - /** - * * 1. Correct font size not being inherited in all browsers. - * * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, - * * and Chrome. - * * 3. Improve appearance and consistency in all browsers. - * */ - -button, -input, -select, -textarea { - font-size: 100%; /* 1 */ - margin: 0; /* 2 */ - vertical-align: baseline; /* 3 */ - *vertical-align: middle; /* 3 */ - } - - /** - * * Address Firefox 3+ setting `line-height` on `input` using `!important` in - * * the UA stylesheet. - * */ - -button, -input { - line-height: normal; - } - - /** - * * Address inconsistent `text-transform` inheritance for `button` and `select`. - * * All other form control elements do not inherit `text-transform` values. - * * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. - * * Correct `select` style inheritance in Firefox 4+ and Opera. - * */ - -button, -select { - text-transform: none; - } - - /** - * * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * * and `video` controls. - * * 2. Correct inability to style clickable `input` types in iOS. - * * 3. Improve usability and consistency of cursor style between image-type - * * `input` and others. - * * 4. Remove inner spacing in IE 7 without affecting normal text inputs. - * * Known issue: inner spacing remains in IE 6. - * */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ - *overflow: visible; /* 4 */ - } - - /** - * * Re-set default cursor for disabled elements. - * */ - -button[disabled], -html input[disabled] { - cursor: default; - } - - /** - * * 1. Address box sizing set to content-box in IE 8/9. - * * 2. Remove excess padding in IE 8/9. - * * 3. Remove excess padding in IE 7. - * * Known issue: excess padding remains in IE 6. - * */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ - *height: 13px; /* 3 */ - *width: 13px; /* 3 */ - } - - /** - * * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * * (include `-moz` to future-proof). - * */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; - } - - /** - * * Remove inner padding and search cancel button in Safari 5 and Chrome - * * on OS X. - * */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; - } - - /** - * * Remove inner padding and border in Firefox 3+. - * */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; - } - - /** - * * 1. Remove default vertical scrollbar in IE 6/7/8/9. - * * 2. Improve readability and alignment in all browsers. - * */ - -textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ - } - - /** - * * Remove most spacing between table cells. - * */ - -table { - border-collapse: collapse; - border-spacing: 0; - } - - html, - button, - input, - select, - textarea { - color: #222; - } - - - ::-moz-selection { - background: #b3d4fc; - text-shadow: none; - } - - ::selection { - background: #b3d4fc; - text-shadow: none; - } - - img { - vertical-align: middle; - } - - fieldset { - border: 0; - margin: 0; - padding: 0; - } - - textarea { - resize: vertical; - } - - .chromeframe { - margin: 0.2em 0; - background: #ccc; - color: #000; - padding: 0.2em 0; - } - - diff --git a/styles/account.css b/styles/account.css new file mode 100644 index 0000000..0276717 --- /dev/null +++ b/styles/account.css @@ -0,0 +1,4 @@ +h1 { + margin-bottom: 2rem; + font-weight: normal; +} \ No newline at end of file diff --git a/styles/blog.css b/styles/blog.css new file mode 100644 index 0000000..b4bdf81 --- /dev/null +++ b/styles/blog.css @@ -0,0 +1,3 @@ +img { + display: none; +} \ No newline at end of file diff --git a/styles/contact.css b/styles/contact.css new file mode 100644 index 0000000..0276717 --- /dev/null +++ b/styles/contact.css @@ -0,0 +1,4 @@ +h1 { + margin-bottom: 2rem; + font-weight: normal; +} \ No newline at end of file diff --git a/styles/events.css b/styles/events.css new file mode 100644 index 0000000..08fd272 --- /dev/null +++ b/styles/events.css @@ -0,0 +1,30 @@ +table { + table-layout: fixed; + border-spacing: 0; +} + +th, +td { + padding: 0 1rem 0 1rem; + text-align: left; + border-left: 2px solid var(--light-border); +} + +th { + padding: 1rem 1rem 0 1rem; + border-bottom: 2px solid var(--light-border); +} + +td:nth-child(odd) { + white-space: nowrap; +} + +td { + padding: 0 1rem 1rem 1rem; + vertical-align: top; +} + +h1 { + margin-bottom: 2rem; + font-weight: normal; +} \ No newline at end of file diff --git a/styles/home.css b/styles/home.css new file mode 100644 index 0000000..7e8cc84 --- /dev/null +++ b/styles/home.css @@ -0,0 +1,16 @@ +h1 { + margin-bottom: 2rem; + font-weight: normal; +} + +dl { + padding: 1rem 0; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 0 1rem 1rem; +} \ No newline at end of file diff --git a/styles/projects.css b/styles/projects.css new file mode 100644 index 0000000..e69de29 diff --git a/styles/services.css b/styles/services.css new file mode 100644 index 0000000..4ae9fb8 --- /dev/null +++ b/styles/services.css @@ -0,0 +1,27 @@ +table { + table-layout: fixed; + border-spacing: 0; + margin-bottom: 3rem; +} + +th, +td { + padding: 0 1rem 0 1rem; + text-align: left; + border-left: 2px solid var(--light-border); +} + +th { + padding: 1rem 1rem 0 1rem; + border-bottom: 2px solid var(--light-border); +} + +td { + padding: 0 1rem 1rem 1rem; + vertical-align: top; +} + +h1 { + margin-bottom: 2rem; + font-weight: normal; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..f1ad980 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,113 @@ +:root { + --light-text: #181715; + --light-bg: #ffffff; + --light-border: #181715; + /* --dark-text: #ffffff; + --dark-bg: #181715; + --dark-border: #ffffff; */ + --light-hightlight: #72dec2; +} + +@font-face { + font-family: "Iosevka"; + src: url('/font/iosevka-regular.woff') format('woff'); +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html, +body { + width: 100%; + height: 100%; + color: var(--light-text); + background: var(--light-bg); +} + +body { + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 5rem 1fr 5rem; + grid-column-gap: 0px; + grid-row-gap: 0px; + font-family: 'Iosevka'; +} + +header, +footer { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 3rem; +} + +header { + grid-area: 1 / 1 / 2 / 2; + border-bottom: 2px solid var(--light-border); +} + +footer { + grid-area: 3 / 1 / 4 / 2; + border-top: 2px solid var(--light-border); +} + +.main { + grid-area: 2 / 1 / 3 / 2; + padding: 3rem 3rem 3rem 3rem; + font-size: 1.3rem; + line-height: 2rem; + max-width: 120ch; +} + +a, +a:visited { + text-decoration: none; + color: var(--light-text); +} + +.main a { + /* link offset */ + position: relative; + top: 0.2rem; +} + +a:hover, +a:focus { + background-color: var(--light-hightlight); + text-decoration: line-through var(--light-text); +} + +.logo { + font-size: 3rem; + font-weight: bold; +} + +.account, +.sections { + font-size: 2rem +} + +.main img { + position: absolute; + bottom: 5rem; + right: 0; +} + +.copyleft a, +.sections a { + margin: 0 1rem 0 0; +} + +.copyleft a:hover, +.copyleft a:focus { + background-color: var(--light-bg); +} + +.copyleft { + display: flex; + flex-direction: row; + align-items: center; +} \ No newline at end of file