]> git.puffer.fish Git - max/www.git/commitdiff
projects / max / www.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 38ac74f)
Add custom own file stylesheet
authorMax Charrier <max@puffer.fish>
Sat, 19 Apr 2025 11:08:19 +0000 (13:08 +0200)
committerMax Charrier <max@puffer.fish>
Sat, 19 Apr 2025 11:08:19 +0000 (13:08 +0200)
Lately, I will implement modern CSS flexbox/grid instead of
using absolute position.

Signed-off-by: Max Charrier <max@puffer.fish>
en.html patch | blob | history
index.html patch | blob | history
stylesheet.css [new file with mode: 0644] patch | blob

diff --git a/en.html b/en.html
index fbed3c4a5152a802724c771964837821a25e0482..13665c55f50004fdc09b85f1ff5b02ca6abc089d 100644 (file)
--- a/en.html
+++ b/en.html
@@ -9,16 +9,9 @@
 
   <LINK REL="stylesheet" HREF="reset.css">
   <LINK REL="stylesheet" HREF="webfontkit/stylesheet.css">
+  <LINK REL="stylesheet" HREF="stylesheet.css">
   <LINK REL="author licence" HREF="#about">
   <META NAME="author" CONTENT="Max Charrier">
-  <STYLE>
-   BODY {
-    background: #4e3246;
-    color: #9b8816;
-    font-family: "comic_monobold", monospace;
-    font-size: 16pt;
-   }
-  </STYLE>
  </HEAD>
  <BODY>
   <H1>Max</H1>
diff --git a/index.html b/index.html
index 2aab6023d8ba3eaf41498b3bb76bbc72d79c5a03..e0909aab07f113de88244d1ae752bc0860b860d1 100644 (file)
--- a/index.html
+++ b/index.html
@@ -9,16 +9,9 @@
 
   <LINK REL="stylesheet" HREF="reset.css">
   <LINK REL="stylesheet" HREF="webfontkit/stylesheet.css">
+  <LINK REL="stylesheet" HREF="stylesheet.css">
   <LINK REL="author licence" HREF="#about">
   <META NAME="author" CONTENT="Max Charrier">
-  <STYLE>
-   BODY {
-    background: #4e3246;
-    color: #9b8816;
-    font-family: "comic_monobold", monospace;
-    font-size: 16pt;
-   }
-  </STYLE>
  </HEAD>
  <BODY>
   <H1>Max</H1>
diff --git a/stylesheet.css b/stylesheet.css
new file mode 100644 (file)
index 0000000..9170b68
--- /dev/null
+++ b/stylesheet.css
@@ -0,0 +1,16 @@
+body {
+       background-color: #4e3246;
+       color: #9b8816;
+       font-family: 'comic_monobold', ui-monospace, monospace;
+       font-size: 1.4rem;
+}
+h1 {
+       font-size: 4rem;
+}
+button {
+       position: absolute;     
+       top: 20px;
+       right: 40px;
+       font-family: 'comic_monobold', ui-monospace, monospace;
+       font-size: 1.2rem;
+}
Unnamed repository; edit this file 'description' to name the repository.