From a70d09915feb1ac8d0aa9edba105f9ba1e3fe1d3 Mon Sep 17 00:00:00 2001
From: "M. Gardner" <magardner2010@gmail.com>
Date: Fri, 26 Jul 2019 21:05:19 +0300
Subject: [PATCH] Initial commit

---
 add_image.sh                                  |   7 +++++
 add_image.sql                                 |   2 ++
 .../style.scssc                               | Bin 0 -> 4629 bytes
 css/style.css                                 |  18 ++++++++++++
 css/style.css.map                             |   7 +++++
 css/style.scss                                |  22 ++++++++++++++
 index.php                                     |  27 ++++++++++++++++++
 setup.php                                     |  13 +++++++++
 8 files changed, 96 insertions(+)
 create mode 100755 add_image.sh
 create mode 100644 add_image.sql
 create mode 100644 css/.sass-cache/cafdfd4172af3dd6d97a413ea72e0b8ebae6e661/style.scssc
 create mode 100644 css/style.css
 create mode 100644 css/style.css.map
 create mode 100644 css/style.scss
 create mode 100644 index.php
 create mode 100644 setup.php

diff --git a/add_image.sh b/add_image.sh
new file mode 100755
index 0000000..c3183c7
--- /dev/null
+++ b/add_image.sh
@@ -0,0 +1,7 @@
+#!/bin/bash
+
+printf -v file "%q" "$1"
+printf -v title "%q" "$2"
+printf -v hover "%q" "$3"
+
+mysql -u web -e"SET @file '$file'; SET @title '$title'; SET @hover '$hover';" < add_image.sql
\ No newline at end of file
diff --git a/add_image.sql b/add_image.sql
new file mode 100644
index 0000000..c094985
--- /dev/null
+++ b/add_image.sql
@@ -0,0 +1,2 @@
+USE web
+INSERT INTO comics (file,title,hover) VALUES ('@file','@title','@hover')
\ No newline at end of file
diff --git a/css/.sass-cache/cafdfd4172af3dd6d97a413ea72e0b8ebae6e661/style.scssc b/css/.sass-cache/cafdfd4172af3dd6d97a413ea72e0b8ebae6e661/style.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..06ca291c1a9cdf5042215225393698984f5060d8
GIT binary patch
literal 4629
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

literal 0
HcmV?d00001

diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..b81432d
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,18 @@
+tr {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between; }
+
+a img {
+  width: 32px;
+  transition: all 0.2s; }
+  a img:hover {
+    width: 64px; }
+
+#comic {
+  margin: 0 auto; }
+
+.strip {
+  width: 512px; }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/css/style.css.map b/css/style.css.map
new file mode 100644
index 0000000..08e9397
--- /dev/null
+++ b/css/style.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,EAAG;EACC,OAAO,EAAC,IAAI;EACZ,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,aAAa;;AAI9B,KAAG;EACC,KAAK,EAAC,IAAI;EACV,UAAU,EAAE,QAAQ;EACpB,WAAO;IACH,KAAK,EAAE,IAAI;;AAIvB,MAAO;EACH,MAAM,EAAE,MAAM;;AAGlB,MAAO;EACH,KAAK,EAAC,KAAK",
+"sources": ["style.scss"],
+"names": [],
+"file": "style.css"
+}
diff --git a/css/style.scss b/css/style.scss
new file mode 100644
index 0000000..d11edf9
--- /dev/null
+++ b/css/style.scss
@@ -0,0 +1,22 @@
+tr {
+    display:flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+a{
+    img{
+        width:32px;
+        transition: all 0.2s;
+        &:hover{
+            width: 64px;
+        }
+    }
+}
+#comic {
+    margin: 0 auto;
+}
+
+.strip {
+    width:512px;
+}
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..674a56b
--- /dev/null
+++ b/index.php
@@ -0,0 +1,27 @@
+<?php 
+require "setup.php";
+if(is_null($comic)){
+    $comic=0;
+    die("comic is null");
+}
+?><!DOCTYPE html>
+<html>
+<head>
+<link href="css/style.css" rel="stylesheet"/>
+<title>
+<?php $comic["title"]?>
+</title>
+</head>
+<table id=comic>
+<tr><td colspan=5>
+	<img class=strip title=<?php echo "\"${comic["hover"]}\"";?> src=<?php echo "\"${comic["file"]}\""?> /></td>
+	</tr>
+	<tr>
+        <td><a href=index.php?id=0><img title="first comic" src="images/first.png"></a></td>
+	<td><a href=index.php?id=<?php echo $id-1?>><img title="previous comic" src=images/prev.png></a></td>
+        <td></td>
+	<td><a href=index.php?id=<?php echo $id+1?>><img title="next comic" src=images/next.png></a></td>
+        <td><a href=index.php ><img title="latest comic" src="images/latest.png" ></a></td>
+	</tr>
+</table>
+</html>
\ No newline at end of file
diff --git a/setup.php b/setup.php
new file mode 100644
index 0000000..f9235ac
--- /dev/null
+++ b/setup.php
@@ -0,0 +1,13 @@
+<?php
+$id=0;
+if(!is_null($_GET["id"]) and is_numeric($_GET["id"])){
+    $id=$_GET["id"];
+}
+$msql=new mysqli('localhost','web','','web');
+if($msql->connect_errno){
+    die("connection error: ".$msql->connect_error); 
+}
+$string="SELECT id,file,title,hover FROM comics ORDER BY CASE WHEN (id='$id') THEN 0 ELSE 1 END, id DESC";
+$qry=$msql->query($string) or die($msql->error);
+$comic=$qry->fetch_assoc();
+?>
\ No newline at end of file