Skip to content

S
some-ori
Commit cb0d0ea3 authored by John Punzalan's avatar John Punzalan
Browse files
Options

Update homepage and concept

parent a1ddb1e7
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 26 deletions
wp-content/themes/someori/functions.php
View file @ cb0d0ea3
......@@ -239,7 +239,7 @@ can replace these fonts, change it in your scss files
and be up and running in seconds.
*/
function bones_fonts() {
wp_enqueue_style('googleFonts', '//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic');
wp_enqueue_style('googleFonts', '//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Montserrat|Roboto');
}
add_action('wp_enqueue_scripts', 'bones_fonts');
......
wp-content/themes/someori/library/css/someori.css
View file @ cb0d0ea3
......@@ -9,11 +9,11 @@ footer {
display: none !important;
}
.header {
position: fixed;
padding: 15px;
background: none;
position: absolute;
padding: 50px 0 15px 0;
background: #ffffff;
color: #0e0e0e;
top: 50px;
width: 100%;
}
.full-screen-height {
height: 100vh;
......@@ -24,9 +24,54 @@ footer {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.exposition-block {
position: relative;
padding-left: 50px;
background-color: #ffffff;
font-family: 'Roboto';
}
.exposition-block > div img {
width: 65%;
}
.exposition-block .exposition-date {
padding: 35px;
text-transform: uppercase;
}
#logo a {
color: #0e0e0e;
}
.nav li.homepage-link {
width: 30%;
}
.nav li a {
color: #0e0e0e;
font-family: 'Montserrat';
}
.nav li a:first-child {
padding-left: 0;
}
.nav li a:hover,
.nav li a:focus {
color: #0e0e0e;
background: #ffffff;
outline: none;
}
.right-block-text {
margin-top: 109px;
overflow: scroll;
background: #ffffff;
padding: 25px 0;
font-size: 13px;
}
.text-justify {
text-align: justify;
}
.some-page-title {
padding-bottom: 35px;
}
.cover-bg {
background-size: cover;
}
.translate-text {
color: #949494;
}
wp-content/themes/someori/library/css/style.css
View file @ cb0d0ea3
......@@ -982,14 +982,14 @@ textarea,
padding: 0 12px;
margin-bottom: 14px;
font-size: 1em;
color: #5c6b80;
color: #0e0e0e;
border-radius: 3px;
vertical-align: middle;
box-shadow: none;
border: 0;
width: 100%;
max-width: 400px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Monsterrat", "Roboto", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eaedf2;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out; }
......@@ -1247,10 +1247,10 @@ and will be used across all viewports.
GENERAL STYLES
*********************/
body {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Monsterrat", "Roboto", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.5;
color: #5c6b80;
color: #0e0e0e;
background-color: #eaedf2;
-webkit-font-smoothing: antialiased; }
......@@ -1573,10 +1573,10 @@ PAGE NAVI STYLES
color: white; }
.pagination .current {
cursor: default;
color: #5c6b80; }
color: #0e0e0e; }
.pagination .current:hover, .pagination .current:focus {
background-color: white;
color: #5c6b80; }
color: #0e0e0e; }
/* end .bones_page_navi */
/* fallback previous & next links */
......@@ -1687,7 +1687,7 @@ COMMENT FORM STYLES
font-style: italic;
margin: 0; }
.logged-in-as a {
color: #5c6b80; }
color: #0e0e0e; }
.comment-form-comment {
margin: 1.5em 0 0.75em; }
......
wp-content/themes/someori/library/less/someori.less
View file @ cb0d0ea3
......@@ -12,11 +12,11 @@ footer {
}
.header {
position: fixed;
padding: 15px;
background: none;
position: absolute;
padding: 50px 0 15px 0;
background: #ffffff;
color: #0e0e0e;
top: 50px;
width: 100%;
}
.full-screen-height {
......@@ -31,13 +31,71 @@ footer {
}
.exposition-block {
position: relative;
padding-left: 50px;
background-color: #ffffff;
font-family: 'Roboto';
> div {
img {
width: 65%;
}
}
.exposition-date {
padding: 35px;
text-transform: uppercase;
}
}
#logo a {
color: #0e0e0e;
}
.nav {
li {
&.homepage-link {
width: 30%;
}
a {
&:first-child {
padding-left: 0;
}
color: #0e0e0e;
font-family: 'Montserrat';
&:hover, &:focus {
color: #0e0e0e;
background: #ffffff;
outline: none;
}
}
}
}
.right-block-text {
margin-top: 109px;
overflow: scroll;
background: #ffffff;
padding: 25px 0;
font-size: 13px;
}
.text-justify {
text-align: justify;
}
.some-page-title {
padding-bottom: 35px;
}
.cover-bg {
background-size: cover;
}
.translate-text {
color: #949494;
}
\ No newline at end of file
wp-content/themes/someori/template-concept.php 0 → 100644
View file @ cb0d0ea3
<?php
/*
* Template Name: Concept Template
*
*/
?>
<?php get_header(); // Header ?>
<div id="content">
<div id="inner-content">
<main id="main" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
<section class="row-fluid">
<!-- Image Left Block -->
<div class="span6 full cover-bg" style="background-image: url(<?= esc_url(the_post_thumbnail_url('full')); ?>); height: calc(100vh);"></div>
<div class="span6 full full-screen-height exposition-block">
<?= get_template_part('template', 'menu'); ?>
<div class="row-fluid right-block-text" style="height: calc(100vh - 109px);">
<div class="row-fluid">
<h2 class="some-page-title"><?= the_title() ?></h2>
</div>
<div class="row-fluid">
<div class="span5 text-justify"><?= get_field('left_column_text'); ?></div>
<div class="span5 offset1 text-justify translate-text"><?= get_field('right_column_text'); ?></div>
<div class="span1"></div>
</div>
</div>
</div>
</section>
</main>
</div>
</div>
<?php get_footer(); // Footer ?>
\ No newline at end of file
wp-content/themes/someori/template-home.php
View file @ cb0d0ea3
......@@ -5,12 +5,6 @@
*/
?>
<?php
$left_image = get_field('image_left_block');
?>
<?php get_header(); // Header ?>
<div id="content">
<div id="inner-content">
......@@ -22,6 +16,11 @@ $left_image = get_field('image_left_block');
<?= get_template_part('template', 'menu'); ?>
<div class="vertical-center text-center">
<img src="<?= esc_url(get_field('exposition_logo')); ?>" />
<div class="exposition-date">
<p>Exposition du <?= get_field('date_start') ?> au <br/>
<?= get_field('date_end') ?>
</p>
</div>
</div>
</div>
</section>
......
wp-content/themes/someori/template-info.php 0 → 100644
View file @ cb0d0ea3
<?php
/*
* Template Name: Info Template
*
*/
?>
<?php get_header(); // Header ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div id="content">
<div id="inner-content">
<main id="main" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
<section class="row-fluid">
<!-- Image Left Block -->
<div class="span6 full" style="background-image: url(<?= esc_url(the_post_thumbnail_url('full')); ?>); height: calc(100vh);"></div>
<div class="span6 full full-screen-height exposition-block">
<?= get_template_part('template', 'menu'); ?>
<div class="vertical-center">
<?= the_content() ?>
</div>
</div>
</section>
</main>
</div>
</div>
<? endwhile; ?>
<?php endif; ?>
<?php get_footer(); // Footer ?>
\ No newline at end of file
wp-content/themes/someori/template-menu.php
View file @ cb0d0ea3
<header class="header" role="banner" itemscope itemtype="http://schema.org/WPHeader">
<header class="header" role="banner" itemscope itemtype="http://schema.org/WPHeader" style="width: calc(100% - 50px);">
<div id="inner-header" class="wrap cf">
<div id="inner-header" class="cf" style="width: 100%;">
<?php // to use a image just replace the bloginfo('name') with your img src and remove the surrounding <p> ?>
<p id="logo" class="h1" itemscope itemtype="http://schema.org/Organization"><a href="<?php echo home_url(); ?>" rel="nofollow"><?php bloginfo('name'); ?></a></p>
<!-- <p id="logo" class="h1" itemscope itemtype="http://schema.org/Organization"><a href="--><?php //echo home_url(); ?><!--" rel="nofollow">--><?php //bloginfo('name'); ?><!--</a></p>-->
<?php // if you'd like to use the site description you can un-comment it below ?>
<?php // bloginfo('description'); ?>
......@@ -13,7 +13,7 @@
<?php wp_nav_menu(array(
'container' => false, // remove nav container
'container_class' => 'menu cf', // class of container (should you choose to use it)
'menu' => __( 'The Main Menu', 'bonestheme' ), // nav name
'menu' => __( 'Menu Principal', 'someori' ), // nav name
'menu_class' => 'nav top-nav cf', // adding custom nav class
'theme_location' => 'main-nav', // where it's located in the theme
'before' => '', // before the menu
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment