diff --git a/public/favicon.ico b/public/favicon.ico index a9ebba4..add4bd4 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html index 288708a..b245da1 100644 --- a/public/index.html +++ b/public/index.html @@ -3,17 +3,22 @@ - - - grill blog + + + + Materiel
-

grill blog

+ +

Materiel

+
-
dasdasdasd
+
+
dasdasdasd
+
diff --git a/public/login/index.html b/public/login/index.html new file mode 100644 index 0000000..c40b742 --- /dev/null +++ b/public/login/index.html @@ -0,0 +1,36 @@ + + + + + + + + + Materiel + + +
+ +

Materiel

+ +
+
+
+

Login

+ + +
+ + +
+ +
+
+ + + diff --git a/public/reader/index.html b/public/reader/index.html index 13cb320..60fb1d6 100644 --- a/public/reader/index.html +++ b/public/reader/index.html @@ -3,22 +3,25 @@ - - - grill blog reader + + + + Materiel
-

grill blog

+ +

Materiel

+
- Go back + Go back

Loading...

diff --git a/public/register/index.html b/public/register/index.html new file mode 100644 index 0000000..4818d86 --- /dev/null +++ b/public/register/index.html @@ -0,0 +1,36 @@ + + + + + + + + + Materiel + + +
+ +

Materiel

+ +
+
+
+

Register

+ + +
+ + +
+ +
+
+ + + diff --git a/public/reader/style.css b/public/static/common.css similarity index 70% rename from public/reader/style.css rename to public/static/common.css index 7bfdff5..b6a615d 100644 --- a/public/reader/style.css +++ b/public/static/common.css @@ -1,4 +1,5 @@ + * { box-sizing: border-box; } @@ -21,6 +22,11 @@ header { padding: 16px; } +header a { + color: unset; + text-decoration: none; +} + header h1 { margin: 0; } @@ -34,21 +40,6 @@ p { } main { - text-align: left; - max-width: 800px; - margin-left: auto; - margin-right: auto; padding-left: 16px; padding-right: 16px; } - -#content { - margin: auto; - max-width: 600px; -} - -#content p { - word-wrap: normal; -} - - diff --git a/public/static/index.css b/public/static/index.css new file mode 100644 index 0000000..39861ea --- /dev/null +++ b/public/static/index.css @@ -0,0 +1,25 @@ +a { + color: unset; + text-decoration: none; +} + + +#articles { + text-align: left; + max-width: 1500px; + margin-left: auto; + margin-right: auto; +} + +.article { + border-top: 2px solid; + border-bottom: 2px solid; + margin: 16px; + padding-left: 32px; + padding-right: 32px; +} + +.article:hover { + cursor: pointer; +} + diff --git a/public/script.js b/public/static/index.js similarity index 97% rename from public/script.js rename to public/static/index.js index 8928ab3..ce27f17 100644 --- a/public/script.js +++ b/public/static/index.js @@ -29,7 +29,7 @@ async function main() { const articles = await requestArticles(); articlesDiv.innerHTML = articles.map((article) => ` - +

${article.title}

${article.author}, ${ diff --git a/public/static/login.css b/public/static/login.css new file mode 100644 index 0000000..36766c6 --- /dev/null +++ b/public/static/login.css @@ -0,0 +1,47 @@ + + +form { + margin: auto; + display: flex; + flex-direction: column; + max-width: 400px; + align-items: start; + text-align: left; + gap: 0.2em; + +} + +br { + margin-top: 10px; +} + + +#action { + margin: auto; + display: flex; + flex-direction: column; + max-width: 200px; + align-items: start; + text-align: center; + gap: 0.2em; +} + +form > *, #action > * { + padding: 0.5em; + width: 100%; +} + +form h1 { + margin: 0; + padding-left: 0; + padding-right: 0; + text-align: center; + font-size: 1.5em; + border-bottom: 2px solid; + margin-bottom: 0.5em; +} + +a { + color: unset; +} + diff --git a/public/static/reader.css b/public/static/reader.css new file mode 100644 index 0000000..5b8d2f7 --- /dev/null +++ b/public/static/reader.css @@ -0,0 +1,18 @@ + +main { + text-align: left; + max-width: 800px; + margin-left: auto; + margin-right: auto; +} + +#content { + margin: auto; + max-width: 600px; +} + +#content p { + word-wrap: normal; +} + + diff --git a/public/reader/script.js b/public/static/reader.js similarity index 100% rename from public/reader/script.js rename to public/static/reader.js diff --git a/public/static/register.css b/public/static/register.css new file mode 100644 index 0000000..36766c6 --- /dev/null +++ b/public/static/register.css @@ -0,0 +1,47 @@ + + +form { + margin: auto; + display: flex; + flex-direction: column; + max-width: 400px; + align-items: start; + text-align: left; + gap: 0.2em; + +} + +br { + margin-top: 10px; +} + + +#action { + margin: auto; + display: flex; + flex-direction: column; + max-width: 200px; + align-items: start; + text-align: center; + gap: 0.2em; +} + +form > *, #action > * { + padding: 0.5em; + width: 100%; +} + +form h1 { + margin: 0; + padding-left: 0; + padding-right: 0; + text-align: center; + font-size: 1.5em; + border-bottom: 2px solid; + margin-bottom: 0.5em; +} + +a { + color: unset; +} + diff --git a/public/style.css b/public/style.css deleted file mode 100644 index 291f469..0000000 --- a/public/style.css +++ /dev/null @@ -1,60 +0,0 @@ - -* { - box-sizing: border-box; -} - -:root { - color-scheme: dark; -} - -body { - margin: 0; - height: 100vh; - text-align: center; -} - -header { - border-bottom: 2px solid; - margin-left: 16px; - margin-right: 16px; - margin-bottom: 16px; - padding: 16px; -} - -header h1 { - margin: 0; -} - -footer { - padding: 32px; -} - -p { - line-height: 1.6em; -} - -a { - color: unset; - text-decoration: none; -} - - -#articles { - text-align: left; - max-width: 1500px; - margin-left: auto; - margin-right: auto; -} - -.article { - border-top: 2px solid; - border-bottom: 2px solid; - margin: 16px; - padding-left: 32px; - padding-right: 32px; -} - -.article:hover { - cursor: pointer; -} -