backend/include/style.inc

@@ -1,5 +1,7 @@
-<link type='text/css' rel='stylesheet' href='/common/style/main.css' />
-<link type='text/css' rel='stylesheet' href='/common/style/menu.css' />
+<link type='text/css' media='screen and (min-resolution: 192dpi)' rel='stylesheet' href='/common/style/mobile.css' />
+
+<link type='text/css' media='screen and (max-resolution: 191dpi)' rel='stylesheet' href='/common/style/main.css' />
+<link type='text/css' media='screen and (max-resolution: 191dpi)' rel='stylesheet' href='/common/style/menu.css' />
 
 <link type='image/x-icon' rel='icon' href='/common/images/angled-u.ico' />
 <link type='image/png' rel='icon' href='/common/images/angled-u.png' />

backend/php/page-elements.php

@@ -28,9 +28,9 @@ function gen_html_head($title, $color)
     print("<link type='text/css' rel='stylesheet' href='/common/style/themes/${color}.css' />");
 }
 
-function gen_left_pane()
+function gen_common_pane()
 {
-    print('<div id="left-pane">');
+    print('<div id="common-pane">');
     
     include($_SERVER['DOCUMENT_ROOT'] . '/../backend/include/usmlogo.inc');
     include($_SERVER['DOCUMENT_ROOT'] . '/../backend/include/menu.inc');

public_html/agegate/index.php

@@ -1,7 +1,7 @@
 <?php
     /*
      * Personal website of UltrasonicMadness
-     * Copyright (C) 2017 UltrasonicMadness
+     * Copyright (C) 2018 UltrasonicMadness
      *
      * This program is free software: you can redistribute it and/or modify
      * it under the terms of the GNU Affero General Public License as

public_html/common/style/agegate.css

@@ -1,6 +1,6 @@
 /*
  * Personal website of UltrasonicMadness
- * Copyright (C) 2017 UltrasonicMadness
+ * Copyright (C) 2018 UltrasonicMadness
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

public_html/common/style/main.css

@@ -1,6 +1,6 @@
 /*
  * Personal website of UltrasonicMadness
- * Copyright (C) 2017 UltrasonicMadness
+ * Copyright (C) 2018 UltrasonicMadness
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as
@@ -59,14 +59,14 @@ footer
 	float:right;
 }
 
-#left-pane
+#common-pane
 {
 	display:flex;
 	flex:2;
 	flex-flow:column;
 }
 
-#right-pane
+#page-pane
 {
 	display:flex;
 	flex:5;

public_html/common/style/menu.css

@@ -1,6 +1,6 @@
 /*
  * Personal website of UltrasonicMadness
- * Copyright (C) 2017 UltrasonicMadness
+ * Copyright (C) 2018 UltrasonicMadness
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as

public_html/common/style/mobile.css

@@ -0,0 +1,124 @@
+/*
+ * Personal website of UltrasonicMadness
+ * Copyright (C) 2018 UltrasonicMadness
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>. 
+ */
+
+html
+{
+    height:100%;
+}
+
+body
+{
+    font-family:sans-serif;
+    font-size:200%;
+    margin:0;
+    padding:0;
+    min-height:100%;
+    
+    display:flex;
+    flex-flow:column;
+}
+
+#main-logo-container
+{
+    display:flex;
+}
+
+#main-logo-container a {
+    flex:1;
+    background-color:#000;
+    width:100%;
+}
+
+#main-logo-container img
+{
+    display:block;
+    margin:auto;
+    width:50%;
+}
+
+nav
+{
+    display:flex;
+    flex-flow:row;
+    width:100%;
+    
+    padding-left:0;
+    padding-right:0;
+    
+    margin:0;
+    font-size:48pt;
+}
+
+nav a
+{
+    flex:1;
+    width:100%;
+    height:100%;
+    line-height:2em;
+    text-align:center;
+    text-decoration:none;
+}
+
+#page-pane
+{
+    display:flex;
+    flex-flow:column;
+    flex:1;
+}
+
+header h1
+{
+	margin:0;
+	font-size:48pt;
+	font-weight:100;
+}
+
+footer
+{
+    flex:1;
+}
+
+div.app_icon {
+    width:25%;
+    display:inline-block;
+    padding:0.5em;
+    vertical-align:top;
+}
+
+div.app_icon img {
+    border-radius:15%;
+    display:block;
+    margin:auto;
+    width:100%;
+    border-width:2px;
+    border-style:solid;
+    border-color:#000;
+}
+
+div.app_icon a {
+    display:block;
+    width:100%;
+    padding:0.5em;
+    text-align:center;
+    text-decoration:none;
+    border-radius:15%;
+}
+
+div.app_icon a:focus {
+    outline:none;
+}

public_html/common/style/themes/blue.css

@@ -1,6 +1,6 @@
 /*
  * Personal website of UltrasonicMadness
- * Copyright (C) 2017 UltrasonicMadness
+ * Copyright (C) 2018 UltrasonicMadness
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as
@@ -27,7 +27,7 @@ a
 	color:#99f;
 }
 
-a:hover, a:focus
+a:hover, a:focus, #main-logo-container a:hover, #main-logo-container a:focus
 {
 	background-color:#99f;
 	color:#336;

public_html/common/style/themes/gray.css

@@ -1,6 +1,6 @@
 /*
  * Personal website of UltrasonicMadness
- * Copyright (C) 2017 UltrasonicMadness
+ * Copyright (C) 2018 UltrasonicMadness
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as
@@ -27,7 +27,7 @@ a
 	color:#fff;
 }
 
-a:hover, a:focus
+a:hover, a:focus, #main-logo-container a:hover, #main-logo-container a:focus
 {
 	background-color:#ccc;
 	color:#333;