minor graphics change

css/sexhackme_gallery.css

@@ -102,6 +102,8 @@ ul.products li.sexhack_thumbli {
 .sexhack-video-container {
    border: solid 1px white;
    border-top: solid 0px;
+   border-right: solid 0px;
+   border-left: solid 0px;
 	border-radius: 0px 0px 8px 8px;
 
 }
@@ -116,6 +118,7 @@ ul.products li.sexhack_thumbli {
 
 .sexhack_tab_button {
 	border-radius: 0 0 4px 4px;
+   padding: 0.2em 0.4em;
 }
 
 .sexhack_toggled_button {
@@ -127,6 +130,14 @@ ul.products li.sexhack_thumbli {
 	outline: 2px solid black;
 }
 
+@media screen and (max-width: 568px) {
+   .col-full {
+      margin-left: 0.41em;
+      margin-right: 0.41em;
+   }
+
+}
+
 @media screen and (max-width: 767px) {
    .videogallery-home {
       width: 100%;
@@ -141,6 +152,18 @@ ul.products li.sexhack_thumbli {
 		min-height: 100px;
 	}
 
+   .sexhack_video_title {
+      font-size: 0.9em;
+      color: #e0e0e0;
+      font-weight: 400;
+
+   }
+
+   .col-full {
+      margin-left: 0.41em;
+      margin-right: 0.41em;
+   }
+
    .sexhack_vtag {
       padding: 0 10px 0 10px;
    }

css/sexhackme_header.css

@@ -18,6 +18,69 @@
  * along with SexHackMe Wordpress Plugin. If not, see <https://www.gnu.org/licenses/>.
  */
 
+.focus {
+   outline:0px !important;
+   -webkit-appearance:none;
+   --swiper-theme-color:#000000 !important;
+}
+
+.storefront-handheld-footer-bar {
+	display: none;
+}
+
+
+.handheld-navigation {
+   background-color: #1f1e1e;
+   border-radius: 10px;
+
+}
+
+.handheld-navigation li a {
+   padding-left: 10px !important;
+   padding-right: 10px !important;
+   margin-bottom: 2px;
+   margin-right: 0px;
+   border-radius: 5px;
+   background-color: #080808;
+   margin-left: 0px;
+}
+
+li.sh_signupmenu a {
+   background-color: #801939;
+   border-radius: 20px 20px 20px 20px;
+}
+
+li.sh_signupmenu a:after {
+	content: " Free!";
+	background-color: yellow;
+	color: red;
+	font-weight: bold;
+	font-size: 0.7em;
+	padding: 2px;
+	border-radius: 10px;
+}
+
+li.sh_freememberacc a {
+	background-color: #801939;
+	border-radius: 20px 20px 20px 20px;
+}
+
+li.sh_freememberacc a:after {
+	content: " Subscribe!";
+   background-color: yellow;
+   color: red;
+   font-weight: bold;
+   font-size: 0.5em;
+   padding: 2px;
+   border-radius: 10px;
+
+}
+
+
+li.current_page_item {
+	border-bottom: 2px solid #ffffff !important;
+}
+
 .shm-side-by-side {
 	display: inline-block;
 	margin-left: 10px;
@@ -29,6 +92,13 @@
 	text-align:center;
 }
 
+.sh_adv_hide {
+   line-height: 0.8;
+   margin: 0 0 0 0 ;
+   font-size: 12px;
+   color:#a8a8a8;
+   padding-bottom: 6px;
+}
 
 .home.page:not(.page-template-template-homepage) .site-header {
    margin-bottom: 0em;
@@ -44,6 +114,11 @@
 
 @media screen and (min-width: 768px) {
 
+    .site-header .secondary-navigation {
+      margin-right: 0 !important;
+      margin: 0 0 0 0 !important;
+    }
+
     .site-header-cart .cart-contents {
       padding: 1px;
       padding-top: 10px;
@@ -71,7 +146,7 @@
 	 }
 
     .secondary-navigation a {
-       padding: 1em 0.2em !important;
+       padding: 0.6em 0.2em !important;
     }
 
     .secondary-navigation .menu {
@@ -131,4 +206,47 @@
 		padding-top: 0.2em;
       padding-bottom: 0.2em;
    }
+    button.menu-toggle {
+      padding-top: 35px;
+		border-radius: 8px 8px 8px 8px;
+		margin-top: 1px;
+		margin-right: 2px;
+   }  
+	
+	.handheld-navigation ul.menu li {
+		font-size: 1.5em;
+		line-height: 0.3em;
+	}
+
+	li.sh_signupmenu a {
+		border-radius: 10px 10px 10px 10px;
+	}
+
+   button.menu-toggle::before {
+      transform: translateY(-8px);
+   }
+
+   button.menu-toggle::after {
+      transform: translateY(8px);
+   }
+
+   h1.entry-title {
+      font-size:1.8em;
+      font-weight: 400;
+   }
+
+   button.menu-toggle::before, 
+   button.menu-toggle::after, 
+   button.menu-toggle span::before {
+      width: 23px;
+      height: 4px;
+   }
+
+   .handheld-navigation ul.menu li.current-menu-item > a {
+      font-weight:500;
+      color:#ad8a8a !important;
+      text-shadow: 3px -3px #c0545496;
+   }
+
+
 }

includes/class-storefront.php

@@ -57,6 +57,12 @@ if(!class_exists('SH_StoreFront')) {
          // Remove breadcrumb
          remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
 
+         // Change handheld menu button text
+         add_filter( 'storefront_menu_toggle_text', 'wp_SexHackMe\SH_StoreFront::storefront_menu_toggle_text' );
+
+         // Add account button to handheld menu
+         add_action( 'storefront_header', 'wp_SexHackMe\SH_StoreFront::add_handheld_account', 49); // storefront uses 50 priority for primary_navigation
+
          // Replace 404 page if /404.php exists
          if (is_readable($_SERVER['DOCUMENT_ROOT'].'/404.php')) {
             add_action( 'template_redirect', 'wp_SexHackMe\SH_StoreFront::page404' );
@@ -73,6 +79,23 @@ if(!class_exists('SH_StoreFront')) {
          }
       }
 
+      public static function add_handheld_account()
+      {
+         // XXX set an option for the account and login page?
+         if(is_user_logged_in()) $url="/account";
+         else $url="/login";
+         ?>
+            <a href="<?php echo $url; ?>"><i class="fa fa-user fa-3x" style="position:relative;display:block;float:left;color:white;" aria-hidden="true"></i></a>
+         <?php
+      }
+
+      // XXX Make it configurable?
+      public static function storefront_menu_toggle_text( $text ) 
+      {
+         $text = '';
+         return $text;
+      }
+
       public static function footer_menu()
       {
          echo '<nav class=\'secondary-navigation\' role=\'navigation\' aria-label=\'Secondary Navigation\' >';

includes/class-unlock-support.php

@@ -71,7 +71,7 @@ if(!class_exists('SexhackAddUnlockLogin')) {
       }
 
       public function unlock_get_login_url($redirect_url=false) {
-          $UNLOCK_BASE_URL = 'https://app.unlock-protocol.com/checkout';
+          $UNLOCK_BASE_= 'https://app.unlock-protocol.com/checkout';
          $rurl=apply_filters( 'unlock_protocol_get_redirect_uri', wp_login_url());
          if($redirect_url) {
             $rurl=$redirect_url;
@@ -91,8 +91,8 @@ if(!class_exists('SexhackAddUnlockLogin')) {
       {
          $html="";
          if(!is_user_logged_in()) {
-            $html="<hr><div style='text-align: center; width:100%;'><p>OR</p></div><hr>";
-            $html.="<br><div style='text-align:left;width:100%;'<p><button onclick=\"window.location.href='".$this->unlock_get_login_url($redirect_url);
+            $html=" OR ";
+            $html.="<div style='text-align:left;width:100%;'<p><button onclick=\"window.location.href='".$this->unlock_get_login_url($redirect_url);
             $html.="'\" type='button'>Login with Crypto Wallet</button></p></div>";
          }
          return $string.$html;

includes/functions-forms-save.php

@@ -271,14 +271,14 @@ function save_sexhack_video_forms( $post_id)
                array_key_exists('video_createMembersStart_'.$vt, $_POST) && 
                \DateTime::createFromFormat('H:i:s',$_POST['video_createMembersStart_'.$vt]) &&
                array_key_exists('video_createMembersDuration_'.$vt, $_POST) &&
-               is_numeric($_POST['video_createMembersDuration_'.$vt]) && intval($_POST['video_createPublicDuration_'.$vt]) > 0 &&
-               in_array($_POST['video_createMembers_'.$vt], array('Y','N')) && !$public_exists)
+               is_numeric($_POST['video_createMembersDuration_'.$vt]) && intval($_POST['video_createMembersDuration_'.$vt]) > 0 &&
+               in_array($_POST['video_createMembers_'.$vt], array('Y','N')) && !$members_exists)
             {
                $file=get_option('sexhack_video_tmp_path', '/tmp')."/".sanitize_text_field($_POST['video_'.$vt]);
                $start=$_POST['video_createMembersStart_'.$vt];
                $duration=$_POST['video_createMembersDuration_'.$vt];
                sh_add_video_job($video->id, 'create_hls_members', json_encode(array('file' => $file, 'start' => $start, 'duration' => $duration )));
-               $public_exists=true;
+               $members_exists=true;
             }  
 
 			}

templates/video.php

@@ -132,11 +132,6 @@ get_header(); ?>
             }
             ?>
              <article id="post-<?php echo get_the_ID();?>" class="post-<?php echo get_the_ID();?> product type-product">
-               <header class="entry-header">
-                  <h2 class="alpha entry-title sexhack_video_title"> 
-                     <?php echo $video->get_title(); echo " (".$tabtext[$tab]." version)"; ?> 
-                  </h2>   
-               </header><!-- .entry-header -->
                <div class="sexhack-video-container">
             <?php
             $filterurl=false;
@@ -239,6 +234,12 @@ get_header(); ?>
             }
          ?>
          </div>
+               <header class="entry-header">
+                  <h2 class="sexhack_video_title"> 
+                     <?php echo $video->get_title(); echo " (".$tabtext[$tab]." version)"; ?> 
+                  </h2>
+               </header><!-- .entry-header -->
+
          <br><hr>
          <?php 
          echo $htmltags;
@@ -253,7 +254,7 @@ get_header(); ?>
 
 
          <?php if($video->has_downloads()) { ?>
-            <h3><a href="<?php echo get_permalink($video->product_id); ?>">Download the full lenght hi-res version of this video</a><h3>
+            <h3><a href="<?php echo get_permalink($video->product_id); ?>">Download the full lenght hi-res version of this video</a></h3>
          <?php } ?>
 			<?php
 				if(!is_user_logged_in())