refactor css to something a bit more useful

This commit is contained in:
Paul Warren 2024-02-11 20:46:35 +11:00
parent 9ba53a4b8b
commit 65303c95cd
7 changed files with 13 additions and 14 deletions

View File

@ -13,7 +13,7 @@
<?php include("header.php"); ?> <?php include("header.php"); ?>
<?php include("sidebar.php"); ?> <?php include("sidebar.php"); ?>
<div id="main-text" class="item3"> <div id="main-text" class="main">
<p>Overview</p> <p>Overview</p>
<p><a href="/images/DAVIAC-1.jpg"><img src="/images/DAVIAC-1.jpg" alt="All the PCBs for the DAVIAC-1 populated with relays, LEDs and other miscellaneous parts mounted neatly on some particle hinged board mounted to the wall. Miscellaneous vintage test equipment and a laptop with a lot of stickers on it in the foreground" width=100% /></a></p> <p><a href="/images/DAVIAC-1.jpg"><img src="/images/DAVIAC-1.jpg" alt="All the PCBs for the DAVIAC-1 populated with relays, LEDs and other miscellaneous parts mounted neatly on some particle hinged board mounted to the wall. Miscellaneous vintage test equipment and a laptop with a lot of stickers on it in the foreground" width=100% /></a></p>
<p>CPU</p> <p>CPU</p>

View File

@ -1,4 +1,4 @@
<div id="footer" class="item5"> <div id="footer" class="footer">
<p>site last updated: <p>site last updated:
<?php <?php
$shell_out = null; $shell_out = null;

View File

@ -1,4 +1,4 @@
<div id="header" class="item1"> <div id="header" class="header">
<h1><a href="/">DAVIAC: A Relay Computer</a></h1> <h1><a href="/">DAVIAC: A Relay Computer</a></h1>
<p>Designed and built by Dr David Warren</p> <p>Designed and built by Dr David Warren</p>
</div> </div>

View File

@ -12,7 +12,7 @@
<div class="grid-container"> <div class="grid-container">
<?php include("header.php"); ?> <?php include("header.php"); ?>
<?php include("sidebar.php"); ?> <?php include("sidebar.php"); ?>
<div id="main-text" class="item3"> <div id="main-text" class="main">
<h2>Architectural Overview (click image for PDF)</h2> <h2>Architectural Overview (click image for PDF)</h2>
<p><a href="pdf/Arch.pdf"><img src="images/Arch-1.png" alt="A block diagram of the architecture of the DAVIAC-1 along with the instruction set and machine code" width=100%; /></a></p> <p><a href="pdf/Arch.pdf"><img src="images/Arch-1.png" alt="A block diagram of the architecture of the DAVIAC-1 along with the instruction set and machine code" width=100%; /></a></p>
<h2>Physical Build Overview</h2> <h2>Physical Build Overview</h2>

View File

@ -1,4 +1,4 @@
<div id="sidebar" class="item2"> <div id="sidebar" class="sidebar">
<h2>DAVIAC-1</h2> <h2>DAVIAC-1</h2>
<h3>Youtube Links</h3> <h3>Youtube Links</h3>

View File

@ -1,8 +1,7 @@
.item1 { grid-area: header; } .header { grid-area: header; }
.item2 { grid-area: menu; } .sidebar { grid-area: sidebar; }
.item3 { grid-area: main; } .main { grid-area: main; }
.item4 { grid-area: right; } .footer { grid-area: footer; }
.item5 { grid-area: footer; }
.grid-container { .grid-container {
display: grid; display: grid;
@ -20,16 +19,16 @@
display: grid; display: grid;
grid-template-areas: grid-template-areas:
'header' 'header'
'menu' 'sidebar'
'main' 'main'
'footer'; 'footer';
gap: 1px; gap: 1px;
padding:1px; padding:1px;
} }
.item1, .item3, .item5 { .header, main, .footer {
width: 100%; width: 100%;
} }
.item2 { .sidebar {
width: 94%; width: 94%;
} }
} }

View File

@ -13,7 +13,7 @@
<?php include("header.php"); ?> <?php include("header.php"); ?>
<?php include("sidebar.php"); ?> <?php include("sidebar.php"); ?>
<div id="main-text" class="item3"> <div id="main-text" class="main">
<h2> Add a heading here </h2> <h2> Add a heading here </h2>
<p> Add text/images/etc here </p> <p> Add text/images/etc here </p>