From c5459053cd04b4e1f44bdb9c6222c670da5d71e6 Mon Sep 17 00:00:00 2001 From: Kyle <41976328+ImKyle4815@users.noreply.github.com> Date: Sun, 20 Dec 2020 12:53:31 -0800 Subject: [PATCH] various fixes --- css/style.css | 36 ++++++++++++++++++++++++++++--- globalHTML/footer.php | 1 + img/samples/original/sample1.png | Bin 0 -> 4297885 bytes img/samples/original/sample2.png | Bin 0 -> 2972269 bytes img/samples/original/sample3.png | Bin 0 -> 5020731 bytes img/samples/sample1.png | Bin 0 -> 1010540 bytes img/samples/sample2.png | Bin 0 -> 642309 bytes img/samples/sample3.png | Bin 0 -> 982543 bytes index.php | 35 ++++++++++++++++++++++++++++-- js/creator.js | 2 +- 10 files changed, 68 insertions(+), 6 deletions(-) create mode 100644 img/samples/original/sample1.png create mode 100644 img/samples/original/sample2.png create mode 100644 img/samples/original/sample3.png create mode 100644 img/samples/sample1.png create mode 100644 img/samples/sample2.png create mode 100644 img/samples/sample3.png diff --git a/css/style.css b/css/style.css index 2875dfdb..ecd10091 100644 --- a/css/style.css +++ b/css/style.css @@ -69,7 +69,7 @@ html { font-size: 12pt; overflow-x: hidden; - background: none; + background: #222; color: white; } body { @@ -117,6 +117,7 @@ img { ::-webkit-scrollbar-thumb { background: #888; border-radius: 0.25rem; + margin: 1px; } /*Fonts*/ .title { @@ -201,7 +202,15 @@ a:hover { text-align: center; } .layer { - padding: 4rem; + padding: 2rem; +} +.vertical-center { + margin: auto; +} +@media only screen and (min-width: 750px) { + .layer { + padding: 4rem; + } } /*Hamburger*/ .hamburger { @@ -384,6 +393,25 @@ textarea.input { +/*Home Page only*/ +.sample-grid { + display: grid; + grid-gap: 1rem; + grid-template-columns: 1fr; +} +.sample-grid > img { + max-width: 375px; + width: 100%; + height: auto; +} +@media only screen and (min-width: 750px) { + .sample-grid { + grid-template-columns: 375px auto; + } + .sample-grid.right { + grid-template-columns: auto 375px; + } +} @@ -587,8 +615,10 @@ textarea.input { background: #333; } .text-codes { + max-width: calc(100vw - 3rem); display: grid; - grid-template-columns: 11rem auto; + grid-template-columns: auto auto; + overflow-x: scroll; } .text-codes > * { border: 1px solid black; diff --git a/globalHTML/footer.php b/globalHTML/footer.php index a213f954..7faaf8df 100644 --- a/globalHTML/footer.php +++ b/globalHTML/footer.php @@ -3,6 +3,7 @@
t@2m;Z TmIwtA;noJ$p?%&25reUTnmi1lqXS0zI4Lrk{c#dVA@8SD2;n&&8&QvBQ
zgai^HFm-j!Rx9+y*&eh}nOOR-ar0+%X>oaY?$X+f4J-{(p1w3I`#2Juc0>4H1aPZH
zA4(CasFmX~`Fj@ob>EheLH=u3{J(}DRpfo1`iVxdx~`$!cY?9hFaXwT3W-FZ8}0q%
z7_U@`hj6OyKN^9?`l*1VB#gwarUvh?F9gjCIqG?u@KP68#n!>cQpCeXfRQmpXQ0ci
zcGLoYP5i2c8}e5uSYUc!?cNyhQ~8cVxyEI^K?``<_#ipb_krJ_AH^cTy6BInW3%eh
zJCt?6?Qj>b2Oc+&5Aymp`OFjh{|yn^>1vD-lWsTBZqV~gP4E3ZiMlFcP}!4eW#EUg
zhC;IwZAUD-GohH9Z>YIH{Bs0fN!#_jGZX2AO_obGVFYwo&Qdg3)B3oo^k-1&^W @Z@|xmzx%bXeQnJoMI7dBA>GHPWOB pc0{wonOeOn8DyzsmTkZb5x4Yx%y*}xz8zGXe>(TqgsZ!^3wfok58g&xc!<~eC
znM5B4o-u U<0&8({6N!8$A592!4E-@
zkNczcsy!^W{xS_!hE0&!f;@|{+;Ki2@yv2^0OD?cu-^=P=lt^D3a-ZB7y=ILKP<+c
zZh$EHq}d#$Z3s|6hZ|LAW$Elf({%NjJn7+Jm#oq|zuB8!M|;=TtN%{-
zDv}y$AlU&pPtGWFJhl)z?!>+s%Pw9!p2SJUK?x!C=kz>k=l<*|LZTtsi#8p2rU+6!
zk?gV%KEDk54J7fzyC$1e+nLGTm}72|5f~%D7x-7Oiwo6?)Qq$d?^X9(6K1R>e;ja+
z?=?Q7eNJ9cz`X@1ojrr~`SAZ+9bqlZeJnVU{&n{LG+`gxdUeoR*+!qIw2e*6_QiHI
z_02AuVD?GZf=d+zfIm*6`?%Qnw1DbSG%;1}cDG9a+#P`T1U4kC(6D)AY)lRuKF9`$$Q
zIC|Tc&r8`Qd`6p)
+}2ogsfe{dY>r@LrPs
zvwrMRGBZ7=zvuVrggY{uJZmlus-@>ne@+7+xXw|Tb4*gQ+yh;nCFA!;hcF$So%T4l
zc^&>7QbK57V#yr3WE~G-$rP&s9ZDS-s@ZmICx(hAlERt^*Xeg
SKGzhQ^d=(ux}Z4GfxLzkG~V&CKRi?4zM<
zP=ZcockuHVpz((2Y9kb+P}`;@{&>Yw3@N}J_Q3%6c-`V26Z-^NnR-o1rA3)vSdcQB
zc$#iDf$-!s2~5T;2=046%PR8cl3io*{)qvbU`qoK