Congegni
/
barebones
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

V3 amends

This commit is contained in:
Pedro Reis 2019-01-08 10:52:31 +00:00
parent 422d2e705a
commit 87e7ce065d
23 changed files with 383 additions and 388 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/scripts/scripts.js
View File

@ -4,10 +4,12 @@ import $ from 'jquery';
* Mobile navigation toggle * Mobile navigation toggle
* @param {mixed} event * @param {mixed} event
*/ */
const toggleMenu = (event) => { const toggleMenu = (event) => {
event.preventDefault(); event.preventDefault();
$('.js-menu-toggle, .nav--header').toggleClass('open'); $('.js-menu-toggle, .nav--header').toggleClass('open');
$('.header').toggleClass('menu-open'); $('.header').toggleClass('menu-open');
}; };
$('.js-menu-toggle').on('click', toggleMenu); $('.js-menu-toggle').on('click', toggleMenu);

47
assets/styles/base/_base.scss
View File

@ -1,9 +1,9 @@
body { body {
color: $base-colour; color: $base-colour;
font-family: $base-font-family; font-family: $base-font-family;
line-height: $base-line-height; line-height: $base-line-height;
text-size-adjust: none; text-size-adjust: none;
@include font-size($base-font-size); @include font-size($base-font-size);
} }
h1, h1,
@ -16,36 +16,39 @@ p,
hr, hr,
ul, ul,
ol, ol,
dl, dl {
address { margin-bottom: $base-spacing-unit;
margin-bottom: $base-spacing-unit; &:last-child {
margin-bottom: 0;
}
} }
/** /**
* Basic styles for links * Basic styles for links
*/ */
a {
color: $brand-colour;
text-decoration: none;
&:hover { a {
color: $base-colour; color: $brand-colour;
text-decoration: underline; text-decoration: none;
} &:hover {
color: $base-colour;
text-decoration: underline;
}
} }
a[href^="tel"] { a[href^="tel"] {
font-size: inherit; font-size: inherit;
font-family: inherit; font-family: inherit;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
font-style: inherit; font-style: inherit;
} }
/** /**
* Rules * Rules
*/ */
hr { hr {
height: 1px; height: 1px;
background-color: $base-colour; background-color: $base-colour;
} }

132
assets/styles/base/_forms.scss
View File

@ -1,58 +1,55 @@
/**
* Blanket input styles for normalisation
*/
*:focus { *:focus {
outline: 0; outline: 0;
} }
input, input,
select, select,
textarea { textarea {
background-color: $base-background-colour; background-color: $base-background-colour;
border: solid 1px $base-colour; border: solid 1px $base-colour;
border-radius: 0; border-radius: 0;
color: $base-colour; color: $base-colour;
line-height: ($base-spacing-unit * 1.5); line-height: $base-spacing-unit * 1.5;
height: ($base-spacing-unit * 1.5); height: $base-spacing-unit * 1.5;
padding: 0 ($base-spacing-unit / 2); padding: 0 #{$base-spacing-unit / 2};
width: 100%; width: 100%;
} }
input[type="checkbox"], input[type="checkbox"],
input[type="radio"] { input[type="radio"] {
background: transparent; background: transparent;
border: 0; border: 0;
line-height: normal; line-height: normal;
height: auto; height: auto;
width: auto; width: auto;
} }
input[type="file"] { input[type="file"] {
line-height: normal; line-height: normal;
height: auto; height: auto;
padding: ($base-spacing-unit / 4) ($base-spacing-unit / 2); padding: #{$base-spacing-unit / 4} #{$base-spacing-unit / 2};
} }
input[type="submit"] { input[type="submit"] {
border-radius: 0; border-radius: 0;
} }
input[disabled] { input[disabled] {
background-color: whitesmoke; background-color: whitesmoke;
cursor: not-allowed; cursor: not-allowed;
} }
select { select {
line-height: normal; line-height: normal;
padding: 0; padding: 0;
padding-left: ($base-spacing-unit / 2); padding-left: $base-spacing-unit / 2;
} }
textarea { textarea {
min-height: ($base-spacing-unit * 4); min-height: $base-spacing-unit * 4;
overflow: auto; overflow: auto;
vertical-align: top; vertical-align: top;
resize: vertical; resize: vertical;
} }
@ -60,67 +57,20 @@ textarea {
/** /**
* Form utility classes * Form utility classes
*/ */
.form--inline { .form--inline {
.form__group { .form__group {
display: inline-block; display: inline-block;
} }
} }
.checkbox, .form {
.radio { .form__group {
display: block; display: block;
padding-left: $base-spacing-unit; margin-bottom: $base-spacing-unit;
.form__label {
&.inline { display: block;
display: inline-block; margin-bottom: ($base-spacing-unit / 2);
} }
> input {
float: left;
margin-left: -($base-spacing-unit);
margin-top: 4px;
}
}
.form__group {
display: block;
margin-bottom: $base-spacing-unit;
}
.form__label {
display: block;
margin-bottom: ($base-spacing-unit / 2);
}
/**
* Input Group
*
* Allows for prepend/append of elements
* (such as icons) on an input.
*/
.input-group {
position: relative;
> input {
padding: 0 ($base-spacing-unit * 2);
}
.input-group__addon {
line-height: ($base-spacing-unit * 1.5);
height: ($base-spacing-unit * 1.5);
position: absolute;
text-align: center;
top: 0;
width: ($base-spacing-unit * 1.5);
&:first-child {
left: 0;
} }
&:last-child {
right: 0;
}
}
} }

14
assets/styles/base/_images.scss
View File

@ -1,14 +1,16 @@
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
vertical-align: top; vertical-align: top;
} }
/** /**
* Responsive images * Responsive images
*/ */
.is-fluid { .is-fluid {
display: block; display: block;
width: 100%; width: 100%;
height: auto; height: auto;
} }

14
assets/styles/base/_lists.scss
View File

@ -1,16 +1,16 @@
ul, ul,
ol { ol {
margin-left: $base-spacing-unit; margin-left: $base-spacing-unit;
} }
li { li {
> ul, > ul,
> ol { > ol {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.list--unstyled { .list--unstyled {
margin-left: 0; margin-left: 0;
list-style: none; list-style: none;
} }

6
assets/styles/base/_typography.scss
View File

@ -5,13 +5,13 @@ h4,
h5, h5,
h6, h6,
strong { strong {
font-weight: bold; font-weight: bold;
} }
em { em {
font-style: italic; font-style: italic;
} }
small { small {
font-size: .75em; font-size: .75em;
} }

52
assets/styles/components/_alerts.scss
View File

@ -1,34 +1,34 @@
.alert { .alert {
padding: $base-spacing-unit; padding: $base-spacing-unit;
margin-bottom: $base-spacing-unit; margin-bottom: $base-spacing-unit;
border: 1px solid transparent; border: 1px solid transparent;
> p, > p,
> ul { > ul {
margin-bottom: 0; margin-bottom: 0;
} }
> p + p { > p + p {
margin-top: $base-spacing-unit; margin-top: $base-spacing-unit;
} }
&.alert--success { &.alert--success {
color: $success-colour; color: $success-colour;
border-color: $success-colour; border-color: $success-colour;
} }
&.alert--info { &.alert--info {
color: $info-colour; color: $info-colour;
border-color: $info-colour; border-color: $info-colour;
} }
&.alert--warning { &.alert--warning {
color: $warning-colour; color: $warning-colour;
border-color: $warning-colour; border-color: $warning-colour;
} }
&.alert--danger { &.alert--danger {
color: $danger-colour; color: $danger-colour;
border-color: $danger-colour; border-color: $danger-colour;
} }
} }

94
assets/styles/components/_buttons.scss
View File

@ -1,59 +1,59 @@
.btn { .btn {
background-color: $brand-colour;
color: $base-background-colour;
border: 1px solid transparent;
display: inline-block;
padding: ($base-spacing-unit / 4) $base-spacing-unit;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
width: auto;
transition: all .5s;
&::-moz-focus-inner {
border: 0;
padding: 0;
}
&:hover {
text-decoration: none;
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
}
&.is-disabled,
&:disabled {
pointer-events: none;
opacity: .65;
}
}
.btn--inverse {
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
&:hover {
background-color: $brand-colour; background-color: $brand-colour;
color: $base-background-colour; color: $base-background-colour;
border: 1px solid transparent; border: 1px solid transparent;
} display: inline-block;
padding: #{$base-spacing-unit / 4} $base-spacing-unit;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
width: auto;
transition: all .5s;
&::-moz-focus-inner {
border: 0;
padding: 0;
}
&:hover {
text-decoration: none;
background-color: $base-background-colour;
color: $brand-colour;
border-color: $brand-colour;
}
&.is-disabled,
&:disabled {
pointer-events: none;
opacity: .65;
}
}
.btn--inverse {
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
&:hover {
background-color: $brand-colour;
color: $base-background-colour;
border-color: transparent;
}
} }
.btn--block { .btn--block {
display: block; display: block;
width: 100%; width: 100%;
+ .btn--block { + .btn--block {
margin-top: $base-spacing-unit / 4; margin-top: $base-spacing-unit / 4;
} }
} }
.btn--link { .btn--link {
background-color: transparent; background-color: transparent;
color: $brand-colour; color: $brand-colour;
} }

151
assets/styles/components/_nav.scss
View File

@ -1,104 +1,107 @@
// hamburger menu /**
* Hamburger menu
*/
.nav-burger { .nav-burger {
position: fixed; position: fixed;
top: $base-spacing-unit; top: $base-spacing-unit;
right: $base-spacing-unit; right: $base-spacing-unit;
z-index: 550; z-index: 550;
transition: all $animation-speed $animation; transition: all $animation-speed $animation;
} }
.nav-burger__line { .nav-burger__line {
width: 35px; width: 35px;
height: 3px; height: 3px;
background-color: $brand-colour; background-color: $brand-colour;
display: none; display: none;
margin: 8px auto; margin: 8px auto;
transition: all $animation-speed $animation; transition: all $animation-speed $animation;
@include resp-max($breakpoint-md) { @include resp-max($breakpoint-md) {
display: block; display: block;
}
.nav-burger.open & {
&:nth-child(2) {
opacity: 0;
} }
&:nth-child(1) { .nav-burger.open & {
transform: translateY(11px) rotate(45deg); &:nth-child(2) {
} opacity: 0;
}
&:nth-child(3) { &:nth-child(1) {
transform: translateY(-11px) rotate(-45deg); transform: translateY(11px) rotate(45deg);
}
&:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}
} }
}
} }
// applies to all navs /**
* Navs
*/
.nav { .nav {
ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
> li { > li {
display: inline-block; display: inline-block;
margin-right: $base-spacing-unit; margin-right: $base-spacing-unit;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
> a { > a {
display: block; display: block;
} }
} }
}
} }
.nav--header { .nav--header {
// header nav styling goes here
// mobile nav // mobile nav
@include resp-max($breakpoint-md) { @include resp-max($breakpoint-md) {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0;
visibility: hidden;
width: 0;
height: 100%;
margin: 0;
transition: opacity 500ms ease;
transition: opacity .35s ease, visibility .35s ease, width .35s ease;
text-align: center;
opacity: 0;
background: $base-background-colour;
-webkit-overflow-scrolling: touch;
&.open {
z-index: 500;
visibility: visible;
width: 100%;
opacity: 1;
ul {
position: absolute;
top: 50%;
left: 0; left: 0;
overflow: auto; visibility: hidden;
width: 100%; width: 0;
max-height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; transition: opacity 500ms ease;
user-select: none; transition: opacity .35s ease, visibility .35s ease, width .35s ease;
transform: translateY(-50%); text-align: center;
-webkit-touch-callout: none; opacity: 0;
background: $base-background-colour;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
> li { &.open {
width: 100%; z-index: 500;
margin: 0; visibility: visible;
width: 100%;
opacity: 1;
ul {
position: absolute;
top: 50%;
left: 0;
overflow: auto;
width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
user-select: none;
transform: translateY(-50%);
-webkit-touch-callout: none;
-webkit-overflow-scrolling: touch;
> li {
width: 100%;
margin: 0;
}
}
} }
}
} }
}
} }

32
assets/styles/config/_mixins.scss
View File

@ -1,42 +1,46 @@
/* /*
* Media query to respond to a minimum size (mobile first) * Media query to respond to a minimum size (mobile first)
*/ */
@mixin resp-min($size) {
@media screen and (min-width: $size) { @mixin resp-min($size) {
@content; @media screen and (min-width: $size) {
} @content;
}
} }
/* /*
* Media query to respond to a maximum size * Media query to respond to a maximum size
*/ */
@mixin resp-max($size) { @mixin resp-max($size) {
@media screen and (max-width: $size) { @media screen and (max-width: $size) {
@content; @content;
} }
} }
/* /*
* Output font size in px/rem * Output font size in px/rem
*/ */
@mixin font-size($px) { @mixin font-size($px) {
font-size: $px + px; font-size: $px + px;
font-size: #{$px / 16}rem; font-size: #{$px / 16}rem;
} }
/* /*
* Placeholder mixin for <input> * Placeholder mixin for <input>
*/ */
@mixin placeholder { @mixin placeholder {
$placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input"; $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input";
@each $placeholder in $placeholders { @each $placeholder in $placeholders {
&:#{$placeholder}-placeholder { &:#{$placeholder}-placeholder {
@content; @content;
}
} }
}
} }

96
assets/styles/utils/_helpers.scss
View File

@ -1,84 +1,102 @@
/** /**
* Clearing and floating * Clearing and floating
*/ */
.alignleft, .alignleft,
.float-left { .float-left {
float: left; float: left;
img & { img & {
margin-right: $base-spacing-unit; margin-right: $base-spacing-unit;
} }
} }
.alignright, .alignright,
.float-right { .float-right {
float: right; float: right;
img & { img & {
margin-left : $base-spacing-unit; margin-left: $base-spacing-unit;
} }
} }
.aligncenter, .aligncenter,
.float-center { .float-center {
display: block; display: block;
margin: { margin: {
left: auto; left: auto;
right: auto; right: auto;
} }
img & { img & {
margin-bottom: $base-spacing-unit; margin-bottom: $base-spacing-unit;
} }
} }
.clearfix { .clearfix {
@include clearfix(); @include clearfix;
} }
/** /**
* Text aligments * Text aligments
*/ */
.align-text-left { .align-text-left {
text-align: left; text-align: left;
} }
.align-text-right { .align-text-right {
text-align: right; text-align: right;
} }
.align-text-center { .align-text-center {
text-align: center; text-align: center;
} }
/** /**
* Elements visibility * Elements visibility
*/ */
.visible-on-mobile {
display: none !important;
@include resp-max($breakpoint-sm) { .visible-on-mobile {
display: block !important; display: none !important;
}
@include resp-max($breakpoint-sm) {
display: block !important;
}
} }
.visible-on-tablet { .visible-on-tablet {
display: none !important;
@include resp-max($breakpoint-md) {
display: block !important;
}
@include resp-max($breakpoint-sm) {
display: none !important; display: none !important;
}
@include resp-max($breakpoint-md) {
display: block !important;
}
@include resp-max($breakpoint-sm) {
display: none !important;
}
} }
.visible-on-desktop { .visible-on-desktop {
@include resp-max($breakpoint-md) { @include resp-max($breakpoint-md) {
display: none !important; display: none !important;
} }
}
/**
* Accessibility
*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
} }

50
assets/styles/utils/_reset.scss
View File

@ -1,44 +1,44 @@
* { * {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
box-sizing: border-box; box-sizing: border-box;
font: inherit; font: inherit;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
html { html {
background-color: white; background-color: white;
font-size: 100%; font-size: 100%;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
input, input,
select, select,
textarea, textarea,
button { button {
color: inherit; color: inherit;
display: inline-block; display: inline-block;
&[disabled] { &[disabled] {
cursor: not-allowed; cursor: not-allowed;
} }
} }
button { button {
cursor: pointer; cursor: pointer;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
th, th,
td { td {
text-align: left; text-align: left;
} }
} }

20
assets/styles/utils/_responsive.scss
View File

@ -1,16 +1,16 @@
@each $breakpoint in $breakpoints { @each $breakpoint in $breakpoints {
$key : nth($breakpoint, 1); $key : nth($breakpoint, 1);
$value : nth($breakpoint, 2); $value : nth($breakpoint, 2);
.visible-#{$key} { .visible-#{$key} {
@media only screen and #{$value} { @media only screen and #{$value} {
display: block !important; display: block !important;
}
} }
}
.hidden-#{$key} { .hidden-#{$key} {
@media only screen and #{$value} { @media only screen and #{$value} {
display: none !important; display: none !important;
}
} }
}
} }

6
assets/styles/vendor/simple-grid/_mixins.scss vendored
View File

@ -7,6 +7,12 @@
@if $i != 0 { @if $i != 0 {
.col--#{$name}-#{$i} { .col--#{$name}-#{$i} {
width: percentage($i/$grid-columns); width: percentage($i/$grid-columns);
.row--flex & {
flex-basis: percentage($i/$grid-columns);
max-width: percentage($i/$grid-columns);
width: auto;
float: none;
}
} }
} }
.col--#{$name}-offset-#{$i} { .col--#{$name}-offset-#{$i} {

8
assets/styles/vendor/simple-grid/simple-grid.scss vendored
View File

@ -19,12 +19,18 @@
} }
.row { .row {
@include clearfix;
list-style: none; list-style: none;
margin-left: -$grid-gutter; margin-left: -$grid-gutter;
&:not(.row--flex) {
@include clearfix;
}
&.row--gutterless { &.row--gutterless {
margin-left: 0; margin-left: 0;
} }
&.row--flex {
display: flex;
flex-wrap: wrap;
}
} }
.col { .col {

1
css/core.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
footer.php
View File

@ -3,7 +3,7 @@
<nav class="footer__navigation"> <nav class="footer__navigation">
<?php wp_nav_menu(['theme_location' => 'footer', 'menu_class' => 'nav nav--footer']); ?> <?php wp_nav_menu(['theme_location' => 'footer', 'menu_class' => 'nav nav--footer']); ?>
</nav> </nav>
&copy; <?php bloginfo('name'); ?> <?php echo date('Y'); ?> <p class="footer__copyright">&copy; <?php echo get_bloginfo( 'name' ); ?> <?php echo date('Y'); ?></p>
</div> </div>
</footer> </footer>
<?php wp_footer(); ?> <?php wp_footer(); ?>

24
functions.php
View File

@ -11,12 +11,13 @@ require_once 'includes/custom-functions.php';
* Add support for useful stuff * Add support for useful stuff
*/ */
if (function_exists('add_theme_support')) { if ( function_exists( 'add_theme_support' ) ) {
// Add support for document title tag // Add support for document title tag
add_theme_support('title-tag'); add_theme_support( 'title-tag' );
// Add Thumbnail Theme Support // Add Thumbnail Theme Support
add_theme_support('post-thumbnails'); add_theme_support( 'post-thumbnails' );
// add_image_size( 'custom-size', 700, 200, true ); // add_image_size( 'custom-size', 700, 200, true );
// Add Support for post formats // Add Support for post formats
@ -24,7 +25,7 @@ if (function_exists('add_theme_support')) {
// add_post_type_support( 'page', 'excerpt' ); // add_post_type_support( 'page', 'excerpt' );
// Localisation Support // Localisation Support
load_theme_textdomain('barebones', get_template_directory() . '/languages'); load_theme_textdomain( 'barebones', get_template_directory() . '/languages' );
} }
@ -32,7 +33,7 @@ if (function_exists('add_theme_support')) {
* Hide admin bar * Hide admin bar
*/ */
add_filter('show_admin_bar', '__return_false'); add_filter( 'show_admin_bar', '__return_false' );
/** /**
@ -70,10 +71,10 @@ add_filter('post_comments_feed_link', 'barebones_post_comments_feed_link');
function barebones_enqueue_scripts() { function barebones_enqueue_scripts() {
// wp_enqueue_style( 'fonts', '//fonts.googleapis.com/css?family=Font+Family' ); // wp_enqueue_style( 'fonts', '//fonts.googleapis.com/css?family=Font+Family' );
// wp_enqueue_style( 'icons', '//use.fontawesome.com/releases/v5.0.10/css/all.css' ); // wp_enqueue_style( 'icons', '//use.fontawesome.com/releases/v5.0.10/css/all.css' );
wp_enqueue_script('scripts', get_stylesheet_directory_uri() . '/js/scripts.min.js?' . filemtime(get_stylesheet_directory() . '/js/scripts.min.js'), [], null, true); wp_enqueue_script( 'scripts', get_stylesheet_directory_uri() . '/js/scripts.min.js?' . filemtime( get_stylesheet_directory() . '/js/scripts.min.js' ), [], null, true );
} }
add_action('wp_enqueue_scripts', 'barebones_enqueue_scripts'); add_action( 'wp_enqueue_scripts', 'barebones_enqueue_scripts' );
/** /**
@ -84,11 +85,12 @@ add_action('wp_enqueue_scripts', 'barebones_enqueue_scripts');
function barebones_register_nav_menus() { function barebones_register_nav_menus() {
register_nav_menus([ register_nav_menus([
'header' => 'Header' 'header' => 'Header',
'footer' => 'Footer',
]); ]);
} }
add_action('after_setup_theme', 'barebones_register_nav_menus', 0); add_action( 'after_setup_theme', 'barebones_register_nav_menus', 0 );
/** /**
@ -134,7 +136,7 @@ add_shortcode('button', 'barebones_button_shortcode');
*/ */
function barebones_mce_buttons_2( $buttons ) { function barebones_mce_buttons_2( $buttons ) {
array_unshift($buttons, 'styleselect'); array_unshift( $buttons, 'styleselect' );
$buttons[] = 'hr'; $buttons[] = 'hr';
return $buttons; return $buttons;
@ -212,7 +214,7 @@ function front_page_on_pages_menu() {
global $submenu; global $submenu;
if ( get_option( 'page_on_front' ) ) { if ( get_option( 'page_on_front' ) ) {
$submenu['edit.php?post_type=page'][501] = array( $submenu['edit.php?post_type=page'][501] = array(
'Front Page', __( 'Front Page', 'barebones' ),
'manage_options', 'manage_options',
get_edit_post_link( get_option( 'page_on_front' ) ) get_edit_post_link( get_option( 'page_on_front' ) )
); );

2
header.php
View File

@ -24,7 +24,7 @@
<div class="container"> <div class="container">
<a href="<?php bloginfo('url'); ?>" class="header__logo"> <a href="<?php bloginfo('url'); ?>" class="header__logo">
<?php echo is_front_page() ? '<h1>' : ''; ?> <?php echo is_front_page() ? '<h1>' : ''; ?>
<img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo.svg" onerror="this.src='<?php bloginfo('stylesheet_directory'); ?>/img/logo.png'" alt="<?php bloginfo('title'); ?>" /> <img src="<?php echo get_bloginfo( 'stylesheet_directory' ); ?>/img/logo.svg" onerror="this.src='<?php echo get_bloginfo( 'stylesheet_directory' ); ?>/img/logo.png'" alt="<?php echo get_bloginfo( 'title' ); ?>" />
<?php echo is_front_page() ? '</h1>' : ''; ?> <?php echo is_front_page() ? '</h1>' : ''; ?>
</a> </a>
<a href="#" class="nav-burger js-menu-toggle"> <a href="#" class="nav-burger js-menu-toggle">

2
js/scripts.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
page.php
View File

@ -3,12 +3,12 @@
<main class="main" role="main"> <main class="main" role="main">
<div class="container"> <div class="container">
<?php while (have_posts()) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
<article <?php post_class(); ?>> <article <?php post_class(); ?>>
<header role="heading"> <header role="heading">
<h3 class="post__title"><?php the_title(); ?></h3> <h1 class="post__title"><?php the_title(); ?></h1>
</header> </header>
<?php the_content(); ?> <?php the_content(); ?>

4
single.php
View File

@ -3,12 +3,12 @@
<main class="main" role="main"> <main class="main" role="main">
<div class="container"> <div class="container">
<?php while (have_posts()) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
<article <?php post_class(); ?>> <article <?php post_class(); ?>>
<header class="post__header" role="heading"> <header class="post__header" role="heading">
<h3 class="post__title"><?php the_title(); ?></h3> <h1 class="post__title"><?php the_title(); ?></h1>
</header> </header>
<?php the_content(); ?> <?php the_content(); ?>