mirror of
https://github.com/ascribe/wp-theme
synced 2024-12-22 17:23:55 +01:00
CSS
This commit is contained in:
Scott Borys
parent
16b05ecdc0
commit
6f0d89c317
67
Gruntfile.js
67
Gruntfile.js
@ -108,65 +108,6 @@ module.exports = function( grunt ) {
|
||||
debounceDelay: 500
|
||||
}
|
||||
}
|
||||
},
|
||||
'sftp-deploy': {
|
||||
css: {
|
||||
auth: {
|
||||
host: 'server.territorial.ca',
|
||||
port: 22,
|
||||
authKey: 'key1'
|
||||
},
|
||||
cache: 'sftpCache.json',
|
||||
src: '/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css/',
|
||||
dest: '/home/ascribe/public_html/wp-content/themes/ascribe/assets/css',
|
||||
exclusions: ['/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/node_modules',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/release',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/vendor',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.git',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.idea',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/**/.DS_Store'],
|
||||
serverSep: '/',
|
||||
concurrency: 4,
|
||||
progress: true
|
||||
},
|
||||
js: {
|
||||
auth: {
|
||||
host: 'server.territorial.ca',
|
||||
port: 22,
|
||||
authKey: 'key1'
|
||||
},
|
||||
cache: 'sftpCache.json',
|
||||
src: '/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js/',
|
||||
dest: '/home/ascribe/public_html/wp-content/themes/ascribe/assets/js',
|
||||
exclusions: ['/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/node_modules',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/release',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/vendor',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.git',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.idea',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/**/.DS_Store'],
|
||||
serverSep: '/',
|
||||
concurrency: 4,
|
||||
progress: true
|
||||
},
|
||||
controller: {
|
||||
auth: {
|
||||
host: 'server.territorial.ca',
|
||||
port: 22,
|
||||
authKey: 'key1'
|
||||
},
|
||||
cache: 'sftpCache.json',
|
||||
src: '/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller/',
|
||||
dest: '/home/ascribe/public_html/wp-content/themes/ascribe/controller/',
|
||||
exclusions: ['/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/node_modules',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/release',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/vendor',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.git',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/.idea',
|
||||
'/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/**/.DS_Store'],
|
||||
serverSep: '/',
|
||||
concurrency: 4,
|
||||
progress: true
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
@ -175,13 +116,13 @@ module.exports = function( grunt ) {
|
||||
|
||||
// Register tasks
|
||||
|
||||
grunt.registerTask( 'css', ['less', 'postcss', 'cssmin', 'sftp-deploy:css'] );
|
||||
grunt.registerTask( 'css', ['less', 'postcss', 'cssmin'] );
|
||||
|
||||
grunt.registerTask( 'js', ['jshint', 'concat', 'uglify', 'sftp-deploy:js'] );
|
||||
//grunt.registerTask( 'js', ['jshint', 'concat', 'uglify'] );
|
||||
|
||||
grunt.registerTask( 'controller', ['sftp-deploy:controller'] );
|
||||
grunt.registerTask( 'controller', [] );
|
||||
|
||||
grunt.registerTask( 'default', ['css', 'js', 'controller'] );
|
||||
grunt.registerTask( 'default', ['css', 'controller'] );
|
||||
|
||||
grunt.util.linefeed = '\n';
|
||||
};
|
||||
@ -1157,6 +1157,69 @@ header + .chevron-divider {
|
||||
line-height: 30px;
|
||||
color: #67c4da;
|
||||
}
|
||||
.page-template-template-tour header nav:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.page-template-template-tour header nav:hover a {
|
||||
color: #d8127d;
|
||||
}
|
||||
.page-template-template-tour header nav:hover ul:before,
|
||||
.page-template-template-tour header nav:hover ul li a:after {
|
||||
color: #d8127d;
|
||||
}
|
||||
.page-template-template-tour header nav ul {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 35px;
|
||||
position: relative;
|
||||
-webkit-flex-direction: column;
|
||||
}
|
||||
.page-template-template-tour header nav ul:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.page-template-template-tour header nav ul.active li {
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.page-template-template-tour header nav ul li {
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
-webkit-order: 2;
|
||||
-ms-flex-order: 2;
|
||||
order: 2;
|
||||
display: none;
|
||||
}
|
||||
.page-template-template-tour header nav ul li.current-menu-item {
|
||||
-webkit-order: 1;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.page-template-template-tour header nav ul li.current-menu-item a {
|
||||
position: relative;
|
||||
}
|
||||
.page-template-template-tour header nav ul li.current-menu-item a:after {
|
||||
content: '▼';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: -34px;
|
||||
}
|
||||
.page-template-template-tour header nav ul:before {
|
||||
content: 'for ';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.page-template-template-tour header ul {
|
||||
list-style: none;
|
||||
}
|
||||
@ -1509,6 +1572,32 @@ header + .chevron-divider {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.feature-circles .surround-circle {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
width: 30%;
|
||||
padding: 80px 50px 170px;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.feature-circles .surround-circle {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.feature-circles .surround-circle:before {
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
background: transparent url('../img/circle.png') no-repeat center top;
|
||||
background-size: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
.feature-circles img {
|
||||
width: 105px;
|
||||
display: block;
|
||||
@ -2235,6 +2324,38 @@ header + .chevron-divider {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.content-boxed {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.content-boxed .centered-content-padding {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.content-boxed .centered-content > div {
|
||||
border: 1px solid #d8127d;
|
||||
background-color: #ffffff;
|
||||
padding: 30px;
|
||||
}
|
||||
.content-boxed .centered-content > div > ul {
|
||||
margin: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.content-boxed .centered-content > div > ul > li {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
.content-boxed .centered-content > div > ul ul {
|
||||
width: 70%;
|
||||
float: right;
|
||||
text-align: left;
|
||||
}
|
||||
.content-boxed .centered-content p {
|
||||
max-width: 640px;
|
||||
}
|
||||
.content-boxed .centered-content img {
|
||||
margin: 30px 0;
|
||||
}
|
||||
.blog .column-container {
|
||||
width: calc(100% + 70px);
|
||||
}
|
||||
|
||||
2
assets/css/ascribe.min.css
vendored
2
assets/css/ascribe.min.css
vendored
File diff suppressed because one or more lines are too long
@ -26,6 +26,67 @@ header + .chevron-divider {
|
||||
margin-top: 35px;
|
||||
margin-left: 20px;
|
||||
.tourNavText;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
||||
a {
|
||||
color: @pink;
|
||||
}
|
||||
ul {
|
||||
&:before,
|
||||
li a:after {
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 35px;
|
||||
position: relative;
|
||||
-webkit-flex-direction: column;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.active {
|
||||
li {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
li {
|
||||
flex-grow: 1;
|
||||
order: 2;
|
||||
display: none;
|
||||
|
||||
&.current-menu-item {
|
||||
order: 1;
|
||||
display: flex;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
&:after {
|
||||
content: '▼';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: -34px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
content: 'for ';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
@ -188,6 +249,24 @@ header + .chevron-divider {
|
||||
.ttl-columns.column-3;
|
||||
padding-right: 100px;
|
||||
}
|
||||
.surround-circle {
|
||||
.ttl-columns.column-3;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
width: 30%;
|
||||
padding: 80px 50px 170px;
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
background: transparent url('../img/circle.png') no-repeat center top;
|
||||
background-size: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
img {
|
||||
width: 105px;
|
||||
display: block;
|
||||
@ -713,7 +792,8 @@ header + .chevron-divider {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.upcoming-events, .past-events {
|
||||
.upcoming-events,
|
||||
.past-events {
|
||||
h2 {
|
||||
text-align: center;
|
||||
position:relative;
|
||||
@ -784,6 +864,45 @@ header + .chevron-divider {
|
||||
.ttl-columns.column-3;
|
||||
}
|
||||
}
|
||||
.content-boxed {
|
||||
background-color: @greyBg;
|
||||
|
||||
.centered-content-padding {
|
||||
background-color: @greyBg;
|
||||
}
|
||||
|
||||
.centered-content {
|
||||
& > div {
|
||||
border: 1px solid @pink;
|
||||
background-color: @white;
|
||||
padding: 30px;
|
||||
|
||||
& > ul {
|
||||
margin: 30px;
|
||||
overflow: hidden;
|
||||
|
||||
& > li {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
ul {
|
||||
width: 70%;
|
||||
float: right;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: 640px;
|
||||
}
|
||||
img {
|
||||
margin: 30px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// BLOG
|
||||
.blog .column-container {
|
||||
|
||||
BIN
assets/img/circle.png
Normal file
BIN
assets/img/circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@ -3,71 +3,87 @@
|
||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||
$(document).ready(function(){
|
||||
|
||||
slider();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
slider();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
headerNavigation();
|
||||
|
||||
function slider() {
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
|
||||
$('.slider-action').click(function(){
|
||||
|
||||
var direction = $(this).attr('id');
|
||||
|
||||
function slider() {
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
if (direction === 'back') {
|
||||
$('.case-study').addClass('hidden');
|
||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||
}
|
||||
else {
|
||||
displayed = $('.case-study').first();
|
||||
displayed.addClass('hidden');
|
||||
$('.case-study').eq(1).removeClass('hidden');
|
||||
displayed.appendTo('.slide-container');
|
||||
}
|
||||
|
||||
$('.slider-action').click(function(){
|
||||
});
|
||||
}
|
||||
|
||||
var direction = $(this).attr('id');
|
||||
function socialAsSvg() {
|
||||
/*
|
||||
* Replace all social icon images with inline SVG
|
||||
*/
|
||||
jQuery('img.social-icon').each(function(){
|
||||
var $img = jQuery(this);
|
||||
var imgID = $img.attr('id');
|
||||
var imgClass = $img.attr('class');
|
||||
var imgURL = $img.attr('src');
|
||||
|
||||
if (direction === 'back') {
|
||||
$('.case-study').addClass('hidden');
|
||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||
}
|
||||
else {
|
||||
displayed = $('.case-study').first();
|
||||
displayed.addClass('hidden');
|
||||
$('.case-study').eq(1).removeClass('hidden');
|
||||
displayed.appendTo('.slide-container');
|
||||
}
|
||||
jQuery.get(imgURL, function(data) {
|
||||
// Get the SVG tag, ignore the rest
|
||||
var $svg = jQuery(data).find('svg');
|
||||
|
||||
});
|
||||
}
|
||||
function socialAsSvg() {
|
||||
/*
|
||||
* Replace all social icon images with inline SVG
|
||||
*/
|
||||
jQuery('img.social-icon').each(function(){
|
||||
var $img = jQuery(this);
|
||||
var imgID = $img.attr('id');
|
||||
var imgClass = $img.attr('class');
|
||||
var imgURL = $img.attr('src');
|
||||
// Add replaced image's ID to the new SVG
|
||||
if(typeof imgID !== 'undefined') {
|
||||
$svg = $svg.attr('id', imgID);
|
||||
}
|
||||
// Add replaced image's classes to the new SVG
|
||||
if(typeof imgClass !== 'undefined') {
|
||||
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
||||
}
|
||||
|
||||
jQuery.get(imgURL, function(data) {
|
||||
// Get the SVG tag, ignore the rest
|
||||
var $svg = jQuery(data).find('svg');
|
||||
// Remove any invalid XML tags as per http://validator.w3.org
|
||||
$svg = $svg.removeAttr('xmlns:a');
|
||||
|
||||
// Add replaced image's ID to the new SVG
|
||||
if(typeof imgID !== 'undefined') {
|
||||
$svg = $svg.attr('id', imgID);
|
||||
}
|
||||
// Add replaced image's classes to the new SVG
|
||||
if(typeof imgClass !== 'undefined') {
|
||||
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
||||
}
|
||||
// Replace image with new SVG
|
||||
$img.replaceWith($svg);
|
||||
|
||||
// Remove any invalid XML tags as per http://validator.w3.org
|
||||
$svg = $svg.removeAttr('xmlns:a');
|
||||
}, 'xml');
|
||||
|
||||
// Replace image with new SVG
|
||||
$img.replaceWith($svg);
|
||||
});
|
||||
}
|
||||
|
||||
}, 'xml');
|
||||
function featuredFAQ() {
|
||||
$('.featured-faqs dt').click(function() {
|
||||
$(this).next('dd').toggleClass('open');
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
function featuredFAQ() {
|
||||
$('.featured-faqs dt').click(function() {
|
||||
$(this).next('dd').toggleClass('open');
|
||||
});
|
||||
}
|
||||
function headerNavigation() {
|
||||
$('.current-menu-item').on( 'click', function(e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$('.tour-switcher ul').on( 'click', function(e) {
|
||||
|
||||
// OPEN SWITCHER
|
||||
if ( false === $(this).hasClass('active') ) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
$(this).toggleClass('active');
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
5
assets/js/ascribe.min.js
vendored
5
assets/js/ascribe.min.js
vendored
@ -1,4 +1 @@
|
||||
/*! ascribe - v0.0.1
|
||||
* http://wordpress.org/themes
|
||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||
$(document).ready(function(){function a(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function b(){jQuery("img.social-icon").each(function(){var a=jQuery(this),b=a.attr("id"),c=a.attr("class"),d=a.attr("src");jQuery.get(d,function(d){var e=jQuery(d).find("svg");"undefined"!=typeof b&&(e=e.attr("id",b)),"undefined"!=typeof c&&(e=e.attr("class",c+" replaced-svg")),e=e.removeAttr("xmlns:a"),a.replaceWith(e)},"xml")})}function c(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}a(),b(),c()});
|
||||
$(document).ready(function(){slider();socialAsSvg();featuredFAQ();headerNavigation();function slider(){$(".case-study:gt(0)").addClass("hidden");$(".slider-action").click(function(){var direction=$(this).attr("id");if(direction==="back"){$(".case-study").addClass("hidden");$(".case-study").last().prependTo(".slide-container").removeClass("hidden")}else{displayed=$(".case-study").first();displayed.addClass("hidden");$(".case-study").eq(1).removeClass("hidden");displayed.appendTo(".slide-container")}})}function socialAsSvg(){jQuery("img.social-icon").each(function(){var $img=jQuery(this);var imgID=$img.attr("id");var imgClass=$img.attr("class");var imgURL=$img.attr("src");jQuery.get(imgURL,function(data){var $svg=jQuery(data).find("svg");if(typeof imgID!=="undefined"){$svg=$svg.attr("id",imgID)}if(typeof imgClass!=="undefined"){$svg=$svg.attr("class",imgClass+" replaced-svg")}$svg=$svg.removeAttr("xmlns:a");$img.replaceWith($svg)},"xml")})}function featuredFAQ(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function headerNavigation(){$(".current-menu-item").on("click",function(e){e.preventDefault()});$(".tour-switcher ul").on("click",function(e){if(false===$(this).hasClass("active")){e.preventDefault()}$(this).toggleClass("active")})}});
|
||||
@ -206,7 +206,7 @@ class Subtemplate {
|
||||
while (have_rows('slides')) {
|
||||
the_row();
|
||||
|
||||
$content = get_sub_field('content');
|
||||
$content = get_sub_field('content');
|
||||
$image = get_sub_field('image')['url'];
|
||||
$imageAlt = get_sub_field('image')['alt'];
|
||||
|
||||
@ -219,7 +219,7 @@ class Subtemplate {
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate slides'><div class='slide-container'>{$caseStudies}</div><div class='slider-action' id='back'></div><div class='slider-action' id='forward'></div></section>";
|
||||
$result = "<section class='subtemplate slides case-studies'><div class='slide-container'>{$caseStudies}</div><div class='slider-action' id='back'></div><div class='slider-action' id='forward'></div></section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
|
||||
@ -5,6 +5,9 @@
|
||||
* Date: 15-09-24
|
||||
* Time: 5:32 PM
|
||||
*/
|
||||
|
||||
require 'controller/init.php';
|
||||
|
||||
?>
|
||||
<header>
|
||||
<div class="centered-header">
|
||||
|
||||
@ -19,9 +19,10 @@ $controller = new Controller();
|
||||
<div class="app-links">
|
||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
</div>
|
||||
<nav>
|
||||
for Artists & Creators
|
||||
<?php //wp_nav_menu( array( 'theme_location' => 'landing-menu', 'container' => false ) ); ?>
|
||||
<nav class="tour-switcher"><?php wp_nav_menu( array(
|
||||
'theme_location' => 'landing-menu',
|
||||
'container' => false
|
||||
)); ?>
|
||||
</nav>
|
||||
<section class="description">
|
||||
<h1><?php echo $headerTagline; ?></h1>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user