halfline reimplementation and mobile layout fixes

anonpress · Feb 7, 2019 · cc6cd1c · cc6cd1c
1 parent 5fd9996
commit cc6cd1c
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/anonpress.org/assets/halfline.gif b/anonpress.org/assets/halfline.gif
diff --git a/anonpress.org/includes/nav.php b/anonpress.org/includes/nav.php
@@ -60,6 +60,7 @@
 				<li><a href="/mobile">for BlackBerry</a>
 				<li><a href="/choices">for everything else</a>
 			</ul>
+		<li class="mobileonly"><a href="mailto:ap@anonpress.org">Contact Us</a>
 		<li><a href="https://anonpress.net/view_cart.asp">Check cart</a>
 	</ul>
 </nav>

diff --git a/anonpress.org/index.php b/anonpress.org/index.php
@@ -38,6 +38,7 @@
 	}
 	body>section {
 		margin-left: 10%;
+		margin-right: 10%;
 	}
 
 	#randquote {
@@ -78,7 +79,7 @@
 		padding: 0.5em;
 		margin: 2px 5px 5px 2px;
 		position: relative;
-		background-color: #fff;
+		background-color: rgba(255,255,255,187);
 	}
 	div.flex>section {
 		min-width: 350px;

diff --git a/anonpress.org/lib/ace-responsive-menu/ace-responsive-menu.css b/anonpress.org/lib/ace-responsive-menu/ace-responsive-menu.css
@@ -259,9 +259,6 @@ E-mail: samson3d@gmail.com
     .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
         padding-left: 5em;
     }
-    h1 {
-        display: none;
-    }
 }
 
 .ace-responsive-menu>li>a:only-child {

diff --git a/anonpress.org/style.css b/anonpress.org/style.css
@@ -7,8 +7,7 @@ h1, h2, h3 {
 }
 
 .halfline {
-	background: url(/assets/halfline.gif);
-	background-attachment: local;
+    background: repeating-linear-gradient(to bottom, #fff, #fff 2px, transparent 2px, transparent 3px), linear-gradient(to right, #f1f1f1, #f5f6f6 25vw, #fff 50vw) no-repeat;
 }
 
 html {
@@ -85,4 +84,16 @@ footer {
 	text-align: right;
 	font-size: small;
 	margin: 1em;
+}
+
+@media screen and (min-width: 840px) {
+	.mobileonly {
+		display: none !important;
+	}
+}
+
+@media screen and (max-width: 840px) {
+	header, .nomobile {
+		display: none;
+	}
 }