ADD: coming soon page (files)

JetImpex · Jun 19, 2017 · 956bb39 · 956bb39
1 parent 56c28bf
commit 956bb39
Show file tree

Hide file tree

Showing 11 changed files with 126 additions and 21 deletions.
diff --git a/assets/images/bg-coming-soon.jpg b/assets/images/bg-coming-soon.jpg
diff --git a/assets/sass/plugins/_cherry-search.scss b/assets/sass/plugins/_cherry-search.scss
@@ -33,7 +33,7 @@
 			left: calc(100% - 309px);
 		}
 		@include media-breakpoint-up(md) {
-			left: calc(100% - 350px);
+			left: calc(100% - 377px);
 		}
 		@include media-breakpoint-down(xs) {
 			top: 0;
@@ -62,7 +62,10 @@
 			.chosen-single {
 				line-height: 1.7em;
 				padding-left: 14px;
-				width: 200px;
+				width: 228px;
+				@include media-breakpoint-down(sm) {
+					width: 200px;
+				}
 				@include media-breakpoint-down(xs) {
 					width: 100%;
 				}
@@ -83,7 +86,7 @@
 				}
 			}
 			.chosen-drop {
-				width: 208px;
+				width: 235px;
 				top: 180%;
 				padding: 9px 0 5px 5px;
 				::-webkit-scrollbar {
@@ -100,6 +103,10 @@
 					border-radius: $border__radius;
 					background-color: $color__border_cherry_search;
 				}
+
+				@include media-breakpoint-down(sm) {
+					width: 210px;
+				}
 				@include media-breakpoint-down(xs) {
 					width: calc(100% + 6px);
 					top: 130%;
@@ -149,7 +156,7 @@
 		}
 		input.cherry-search__field[type='search'] {
 			width: calc(100% - 10px);
-			padding-right: 210px;
+			padding-right: 240px;
 			@include media-breakpoint-down(xs) {
 				width: 100%;
 				padding-right: 15px;

diff --git a/assets/sass/site/primary/_posts-and-pages.scss b/assets/sass/site/primary/_posts-and-pages.scss
@@ -320,4 +320,46 @@
 	.page-header {
 		padding: 58px 0 7px;
 	}
-}
+}
+
+//Coming-soon
+.coming-soon {
+	height: 100%;
+	background: url('assets/images/bg-coming-soon.jpg') no-repeat right bottom;
+	background-size: cover;
+	margin-top: 0 !important;
+	body {
+		background: transparent;
+		height: 100%;
+		text-align: center;
+		#page {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			min-height: 100%;
+		}
+	}
+	.site-content_wrap.container {
+		margin-bottom: 0 !important;
+	}
+	&__content {
+		max-width: 600px;
+		margin-top: 0 auto;
+		h1 {
+			font-weight: bold;
+			@include font-size(3.125);
+			margin-top: 0;
+			margin-bottom: 18px;
+			@include media-breakpoint-down(sm) {
+				@include font-size(1.725);
+			}
+		}
+	}
+	&__menu-container {
+		margin-top: 66px;
+		@include font-size(0.875);
+		a {
+			margin: 0 3px;
+		}
+	}
+}
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -4,7 +4,7 @@ Theme URI: http://underscores.me/
 Author: Wapuula team
 Author URI: http://wapuula.com
 Description: wapuula.com theme
-Version: 1.0.8
+Version: 1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: wapu

diff --git a/base-coming-soon.php b/base-coming-soon.php
@@ -0,0 +1,13 @@
+<?php get_header('coming-soon'); ?>
+	<div class="site-content_wrap container">
+		<div class="row">
+			<div id="primary" class="<?php echo wapu_layout_class( 'content' ); ?>">
+				<main id="main" class="site-main" role="main">
+					<div class="coming-soon__content">
+						<?php include wapu_template_path(); ?>
+					</div>
+				</main><!-- #main -->
+			</div><!-- #primary -->
+		</div><!-- .row -->
+	</div><!-- .container -->
+<?php get_footer('coming-soon'); ?>
diff --git a/base.php b/base.php
@@ -2,7 +2,7 @@
 /**
  * Base page structure.
  *
- * @package Monstroid2
+ * @package Wapuula
  */
 ?>
 <?php get_header(); ?>

diff --git a/footer-coming-soon.php b/footer-coming-soon.php
@@ -0,0 +1,18 @@
+<?php
+/**
+ * The template for displaying the footer
+ *
+ * Contains the closing of the #content div and all content after.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package Wapuula
+ */
+
+?>
+	</div><!-- #content -->
+
+</div><!-- #page -->
+
+</body>
+</html>
diff --git a/header-coming-soon.php b/header-coming-soon.php
@@ -0,0 +1,24 @@
+<?php
+/**
+ * The header for our theme
+ *
+ * This is the template that displays all of the <head> section and everything up until <div id="content">
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package Wapuula
+ */
+
+?><!DOCTYPE html>
+<html <?php language_attributes(); ?> class="coming-soon">
+<head>
+<meta charset="<?php bloginfo( 'charset' ); ?>">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="profile" href="http://gmpg.org/xfn/11">
+
+<?php wp_head(); ?>
+</head>
+
+<body <?php body_class(); ?>>
+<div id="page" class="site">
+	<div id="content" class="site-content">
diff --git a/page-templates/coming-soon.php b/page-templates/coming-soon.php
@@ -0,0 +1,12 @@
+<?php
+/**
+ * Template Name: Coming-soon
+ *
+ * @package Acumenship
+ */
+
+while ( have_posts() ) : the_post();
+
+	get_template_part( 'template-parts/content-page', 'page' );
+
+endwhile; // End of the loop.
diff --git a/style.css b/style.css
diff --git a/wapu-core/post-types/faq/single.php b/wapu-core/post-types/faq/single.php
@@ -7,20 +7,9 @@
 ?>
 
 	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-		<header class="entry-header">
-			<?php
-				wapu()->utility()->meta_data->get_terms( array(
-					'type'      => 'faq_category',
-					'delimiter' => '<span>, </span>',
-					'before'    => '<div class="post__cats">',
-					'after'     => '</div>',
-					'echo'      => true,
-				) );
-			?>
-			<?php the_title( '<h2 class="entry-title">', '</h2>' ); ?>
-		</header><!-- .entry-header -->
 
 		<div class="entry-content"><?php
+			the_title( '<h2 class="entry-title">', '</h2>' );
 
 			the_content();