]> OzVa Git service - spaceweather/commitdiff
projects / spaceweather / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: d042a7c)
RWD
authorwill <greenwoodw50@gmail.com>
Mon, 20 May 2024 22:06:38 +0000 (23:06 +0100)
committerwill <greenwoodw50@gmail.com>
Mon, 20 May 2024 22:06:38 +0000 (23:06 +0100)
.gitignore patch | blob | history
index.html patch | blob | history
styles.css patch | blob | history
template.html patch | blob | history

diff --git a/.gitignore b/.gitignore
index 8a6f8ddd59c2e63bc7a29982f824d5bd3ff60252..63953bda389a3d98c593ce9939692bf1cf2682b9 100644 (file)
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 /config/last
+/index.html
 /spaceweather.wav
 /spaceweather.mp3
 /media/graph*
diff --git a/index.html b/index.html
index 253f459b4d02c1a9157b8c6c73c60d775620068e..ff065d0e24ad75c8e13f4d8b972a011f6203d812 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <html>
     <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Spaceweather</title>
         <link rel="stylesheet" type="text/css" href="./styles.css" />
     </head>
diff --git a/styles.css b/styles.css
index 68cf64c24338a2682c9a41f889f412762a98a13d..3c908d18ad06a22eb7546218c8df675709c168af 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -9,6 +9,33 @@ body {
 body > div {
     padding: 5px 20%;
 }
+
+.right {
+    display: inline-block;
+    width: 49%;
+}
+.left {
+    display: inline-block;
+    vertical-align: top;
+    width: 49%;
+}
+
+@media only screen and (max-width: 1000px) {
+    body > div {
+        padding: 5px 100px;
+    }
+    .right, .left {
+        display: block;
+        width: 100%;
+    }
+}
+
+@media only screen and (max-width: 700px) {
+    body > div {
+        padding: 5px 40px;
+    }
+}
+
 .header {
     background-color: var(--darkgray);
     color: white;
@@ -27,16 +54,6 @@ body > div {
     color: white;
 }
 
-.right {
-    display: inline-block;
-    width: 49%;
-}
-.left {
-    display: inline-block;
-    vertical-align: top;
-    width: 49%;
-}
-
 .navigation > p {
     display: inline-block;
     height: 20px;
diff --git a/template.html b/template.html
index c72ea4dab78840469d983ebf822ecca3b2af1e5e..d5f8a6ac7a239f5b8f58f2296275cb8da6ac6291 100644 (file)
--- a/template.html
+++ b/template.html
@@ -1,5 +1,6 @@
 <html>
     <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Spaceweather</title>
         <link rel="stylesheet" type="text/css" href="./styles.css" />
     </head>
Unnamed repository; edit this file 'description' to name the repository.