Rework the layout for small screens.

From the live site: local Noto Sans, a flexible layout up to 1000px, and
a slide-out sidebar menu on small screens. Remove the unused Genericons
font and logo images.
This commit is contained in:
tim
2026-09-25 23:32:08 +02:00
parent b94dd648ec
commit dd43940366
20 changed files with 390 additions and 769 deletions
+6 -6
View File
@@ -30,20 +30,20 @@ if (!isset($_SESSION['editor'])) {
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>x.x.x [add editor]</title>
<link rel="icon" href="favicon.png" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel='stylesheet' type='text/css' href='../publish/style.css' />
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
<script type="text/javascript" src="../utilities.js"></script>
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
</head>
<? flush(); ?>
<body>
<div id="container">
<? include_once("../sidebar.inc.php"); ?>
<div id="main">
<main id="main">
<div id="maintext">
<H1>add editor</H1>
@@ -71,10 +71,10 @@ if (!isset($_SESSION['editor'])) {
</form>
<? } ?>
</div> <!-- maintext -->
</div> <!-- main -->
</div> <!-- .maintext -->
</main> <!-- .main -->
</div> <!-- .container -->
<? include_once("../bottombar.inc.php"); ?>
</div> <!-- container -->
</body>
</html>
+3 -3
View File
@@ -14,14 +14,14 @@ if (!isset($_SESSION['editor'])) {
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>x.x.x [edit]</title>
<link rel="icon" href="favicon.png" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel='stylesheet' type='text/css' href='../publish/style.css' />
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
<script type="text/javascript" src="../utilities.js"></script>
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
<? include_once('./tinymce_init.inc.php'); ?>
</head>
<?
@@ -115,8 +115,8 @@ switch ($action) {
</div> <!-- maintext -->
</div> <!-- main -->
<? include_once("../bottombar.inc.php"); ?>
</div> <!-- container -->
<? include_once("../bottombar.inc.php"); ?>
<? open_db('close'); ?>
<!-- Finis -->
+3 -3
View File
@@ -3,14 +3,14 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>x.x.x [add]</title>
<link rel="icon" href="favicon.png" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel='stylesheet' type='text/css' href='../publish/style.css' />
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
<script type="text/javascript" src="../utilities.js"></script>
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
<? include_once('tinymce_init.inc.php'); ?>
<? if (!$is_admin ) { ?>
<script src="https://www.google.com/recaptcha/api.js"></script>
@@ -83,8 +83,8 @@ switch ($action) {
</div> <!-- maintext -->
</div> <!-- main -->
<? include_once("../bottombar.inc.php"); ?>
</div> <!-- container -->
<? include_once("../bottombar.inc.php"); ?>
<? open_db('close'); ?>
+6 -6
View File
@@ -56,20 +56,20 @@ if (isset($_SESSION['editor'])) {
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>x.x.x [login]</title>
<link rel="icon" href="favicon.png" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel='stylesheet' type='text/css' href='../publish/style.css' />
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
<script type="text/javascript" src="../utilities.js"></script>
<link rel="alternate" type="application/rss+xml" title="xxx.org.za RSS feed" href="/feed" />
</head>
<? flush(); ?>
<body>
<div id="container">
<? include_once("../sidebar.inc.php"); ?>
<div id="main">
<main id="main">
<div id="maintext">
<H1>editor login</H1>
@@ -97,10 +97,10 @@ if ($denied)
</div>
</form>
</div> <!-- maintext -->
</div> <!-- main -->
</div> <!-- .maintext -->
</main> <!-- .main -->
</div> <!-- .container -->
<? include_once("../bottombar.inc.php"); ?>
</div> <!-- container -->
</body>
</html>