git://git.slightlycyberpunk.com / bdsm-web.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: d1c1e25)
Moving styles to external stylesheet
authorBrian Flowers <git-admn@bsflowers.net>
Mon, 10 Oct 2016 21:56:11 +0000 (17:56 -0400)
committerBrian Flowers <git-admn@bsflowers.net>
Mon, 10 Oct 2016 21:56:11 +0000 (17:56 -0400)
README patch | blob | history
configure.php patch | blob | history
index.php patch | blob | history
style.css [new file with mode: 0644] patch | blob

diff --git a/README b/README
index 58745b7..2f976a2 100644 (file)
--- a/README
+++ b/README
@@ -15,6 +15,9 @@ Install the Apache web browser with php5, sqlite3, and the associated Apache plu
 
 2) CONFIGURATION
 
+Ensure the /home/bdsm/ directory can be written by your web server.
+And ensure bdsm is configured for sqlite3 logging to /home/bdsm/bdsm.sqlite3
+
 Visit the index.php page in your browser and navigate to the configuration page.
 
 Each reading found in the database can be renamed and configured to display on
diff --git a/configure.php b/configure.php
index 0b9e66b..3d45c40 100755 (executable)
--- a/configure.php
+++ b/configure.php
@@ -53,61 +53,7 @@ if( isset($_POST) )
 <HTML>
   <HEAD>
     <TITLE>bdsm at monitor.slightlycyberpunk.com</TITLE>
-    <STYLE>
-    #vmenu
-    {
-      position: absolute;
-      left:     0px;
-      top:      0px;
-      height:   100%;
-      width:    15%;
-      background: linear-gradient(to right, #000 0%,#222 80%,#555 100%);
-      padding-top:2em;
-    }
-        
-    #vmenu a
-    {
-      display:          inline-block;
-      color:            white;
-      font-weight:      bold;
-      text-decoration:  none;
-      width:            100%;
-      text-align:       center;
-      border-bottom:    1px solid white;
-      padding:          .5em .2em;
-      font-size:        larger;
-    }
-        
-    #options
-    {
-      display:          block;
-      position:         absolute;
-      top:              0px;
-      left:             15%;
-      width:            85%;
-      height:              100%;
-    }
-        
-    .short
-    {
-      width:        3em;    
-    }
-        
-    tr
-    {
-      text-align:   center;
-    }
-        
-    th
-    {
-      padding-top:  2em;
-    }
-
-    #logo
-    {
-      width: 100%;
-    }
-    </STYLE>
+    <LINK TYPE="text/css" REL="stylesheet" HREF="styles.css" />
   </HEAD>
   <BODY>
     <div id="vmenu">
diff --git a/index.php b/index.php
index a504978..13e40b6 100755 (executable)
--- a/index.php
+++ b/index.php
@@ -1,57 +1,14 @@
 <HTML>
   <HEAD>
     <TITLE>bdsm at monitor.slightlycyberpunk.com</TITLE>
-    <STYLE>
-    #vmenu
-    {
-      position: absolute;
-      left:     0px;
-      top:      0px;
-      height:   100%;
-      width:    15%;
-      background: linear-gradient(to right, #000 0%,#222 80%,#555 100%);
-      padding-top:5em;
-    }
-        
-    #vmenu a
-    {
-      display:          inline-block;
-      color:            white;
-      font-weight:      bold;
-      text-decoration:  none;
-      width:            100%;
-      text-align:       center;
-      border-top:       1px solid white;
-      padding:          .5em .2em;
-      font-size:        larger;
-    }
-        
-    #charts
-    {
-      display:          block;
-      position:         absolute;
-      top:              0px;
-      left:             15%;
-      width:            75%;
-      height:           100%;
-      padding:          1em;
-    }
-        
-    .chart
-    {
-      display:          inline-block;
-      border:           1px solid black;
-      width:            400px;
-      height:           400px;
-    }
-    </STYLE>
+    <LINK TYPE="text/css" REL="stylesheet" HREF="styles.css" />
   </HEAD>
   <BODY>
     <div id="vmenu">
+        <a href="https://www.slightlycyberpunk.com/"><img src="bdsm-clear.png" id="logo" /></a>
         <a href="index.php">Index</a>  
         <a href="index.php">Historical</a>
         <a href="configure.php">Configuration</a>
-        <a></a>
     </div>
     <div id="charts">
 
diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..265041d
--- /dev/null
+++ b/style.css
@@ -0,0 +1,72 @@
+#vmenu
+{
+  position:     absolute;
+  left:         0px;
+  top:          0px;
+  height:       100%;
+  width:        15%;
+  background:   linear-gradient(to right, #000 0%,#222 80%,#555 100%);
+  padding-top:  5em;
+}
+    
+#vmenu a
+{
+  display:          inline-block;
+  color:            white;
+  font-weight:      bold;
+  text-decoration:  none;
+  width:            100%;
+  text-align:       center;
+  border-top:       1px solid white;
+  padding:          .5em .2em;
+  font-size:        larger;
+}
+    
+#charts
+{
+  display:          block;
+  position:         absolute;
+  top:              0px;
+  left:             15%;
+  width:            75%;
+  height:           100%;
+  padding:          1em;
+}
+    
+.chart
+{
+  display:          inline-block;
+  border:           1px solid black;
+  width:            400px;
+  height:           400px;
+}
+
+options
+{
+  display:          block;
+  position:         absolute;
+  top:              0px;
+  left:             15%;
+  width:            85%;
+  height:                  100%;
+}
+    
+.short
+{
+  width:        3em;    
+}
+    
+tr
+{
+  text-align:   center;
+}
+    
+th
+{
+  padding-top:  2em;
+}
+
+#logo
+{
+  width: 100%;
+}
\ No newline at end of file
ABANDONED: Web graph interface for bdsm