work on sthome and archive pages, template cleanup
This commit is contained in:
12
.vscode/globalsnippets.code-snippets
vendored
12
.vscode/globalsnippets.code-snippets
vendored
@@ -46,6 +46,18 @@
|
||||
"</div>"
|
||||
],
|
||||
"description": "HTML: div start and end"
|
||||
},
|
||||
|
||||
|
||||
"php": {
|
||||
"scope":"html,php",
|
||||
"prefix": "php",
|
||||
"body": [
|
||||
"<?php",
|
||||
"$0",
|
||||
"?>"
|
||||
],
|
||||
"description": "HTML: div start and end"
|
||||
}
|
||||
|
||||
|
||||
|
||||
258
CHANGELOG.md
258
CHANGELOG.md
@@ -1,258 +0,0 @@
|
||||
### [dis-2019](http://dis2019.com) Changelog
|
||||
|
||||
## 1.4.3 (02 December, 2013)
|
||||
|
||||
* Update [conditionizr](http://conditionizr.com) to version 4.0.0
|
||||
* Update jQuery to v1.10.2
|
||||
* Update Google Analytics snippet to _new_ universal snippet
|
||||
* Improved SVG script
|
||||
* Removed empty conditionizr asset directories for `js` and `css`
|
||||
* Remove redundant Modernizr file, loading from CDN
|
||||
|
||||
## 1.4.2 (15 June, 2013)
|
||||
|
||||
* Add _font-size:62.5%;_ to the HTML element in CSS for _rem_ (relative-ems) sizing
|
||||
* Update jQuery 1.9.1 to 1.10.1
|
||||
|
||||
## 1.4.1 (26 April, 2013)
|
||||
|
||||
* Removed protocol-relative scripts/styles function as causes some disruption on some local development environments
|
||||
* Removed hard-coded jQuery from footer as was causing issues with plugins that relied on jQuery being enqueued
|
||||
* Removed jQuery CDN fallback, jQuery 1.9.1 and theme scripts will be enqueued in the <head> from now on to avoid conflicts with WordPress jQuery checks/detects
|
||||
|
||||
## 1.4.0 (09 April, 2013)
|
||||
|
||||
* Move pagination into it's own file (pagination.php) and include in necessary template files
|
||||
* Enhanced clearfix in CSS to micro clearfix hack (works by using parent element for clear)
|
||||
* Change all HTML structural comments to lower case for cleaner look
|
||||
* Add apple-touch-icon-precomposed to <head>
|
||||
* Moved favicon.ico to 'img/icons'
|
||||
* Moved new apple touch icon to 'img/icons'
|
||||
* Remove Conditionizr default <head> setup and add config URL (cleaner code from install) please see [conditionizr](http://conditionizr.com/docs.html) for configuration
|
||||
* Reordered some meta, links in <head> for better readability/consistency
|
||||
* Add a few structural (but empty) classes into CSS for fast styling upon install
|
||||
* Few CSS comments added to label areas/components better
|
||||
|
||||
## 1.3.9 (07 April, 2013)
|
||||
|
||||
* Added WAI-ARIA landmark roles to enrich semantics and improve accessibility. [Stacey Cordoni](https://github.com/staceycordoni) [#32](https://github.com/toddmotto/dis2019/pull/32)
|
||||
* Added WAI-ARIA 'role=button' to search form <button>
|
||||
* Upgrade search input type from 'type=text' to 'type=search' for better use of HTML5 alongside WAI-ARIA
|
||||
|
||||
## 1.3.8 (02 April, 2013)
|
||||
|
||||
* Load Modernizr from CloudFlare CDN (same as Conditionizr)
|
||||
* Load only Conditionizr and Modernizr through the <head>, with Conditionizr call too.
|
||||
* Load jQuery CDN (Google) in footer, with jQuery CDN fallback (CloudFlare)
|
||||
* Separated WordPress script enqueue to load Conditionizr, Modernizr in head: 'function dis2019_header_scripts()'
|
||||
* Hard-coded jQuery and CDN fallback into footer.php above custom theme scripts, more reliable fallback method
|
||||
* Load custom theme scripts in footer: 'function dis2019_footer_scripts()'
|
||||
* Loading scripts before closing </body> tag is best practice and not seen often in WordPress sites
|
||||
* Lowercase <!doctype html> in header.php
|
||||
* Remove empty line at end of functions.php
|
||||
|
||||
## 1.3.7 (01 April, 2013)
|
||||
|
||||
* Added Portuguese (Brazil) language translation file to /languages/ from [Wesllei Henrique](https://github.com/wesllei)
|
||||
|
||||
## 1.3.6 (30 March, 2013)
|
||||
|
||||
* Protocol relative jQuery and Conditionizr URLs
|
||||
* Protocol relative URLs for all enqueued scripts and styles
|
||||
* Added French language translation file to /languages/ from [Kevin Plattret](https://twitter.com/kevinplattret)
|
||||
* Fixed search form bug by adding name="s" attribute
|
||||
* Neater comments for headings in functions.php (same as style.css)
|
||||
* Add date ordered contributors to ReadMe.
|
||||
|
||||
## 1.3.5 (26 March, 2013)
|
||||
|
||||
* Update jQuery CDN to use $_SERVER['SERVER_PORT'] to server HTTPS if needed
|
||||
* Edit Google Analytics string to cater for SSL/HTTPS (footer.php)
|
||||
* Added Spanish language translation file to /languages/ from Carlos Pinar
|
||||
* Indent <head> and <body> elements for better code readability
|
||||
* Add X-UA-Compatible meta tag to <head> to force Chrome Frame/latest document mode in IE (edge)
|
||||
* Format the <head> by grouping similar elements
|
||||
* Enhance footer.php indentation
|
||||
* Change footer.php fallback text
|
||||
* Removed HTML comments from comments.php and changed ID to class
|
||||
* Improve Conditionizr formatting in header.php
|
||||
* Set Conditionizr scripts/styles to _false_ by default (classes true)
|
||||
* Change pagination ID to class for better CSS
|
||||
* Improve indentation in 404.php for child element
|
||||
* Update screenshot.png
|
||||
* Update default dis-2019 logo and gravatar
|
||||
|
||||
## 1.3.4 (22 March, 2013)
|
||||
|
||||
* Update Conditionizr to version 2.2.0
|
||||
* Replaced <aside> id with a class for better CSS
|
||||
* Better naming conventions for search form, more class focused
|
||||
* Removed JavaScript onfocus/onblur events in search input
|
||||
* Replaced onfocus/onblur events with HTML5 placeholder for 'Search' (this is fine for non-supporting browsers as the search button indicates it's a search input)
|
||||
* Search <input> has been replaced to a <button> for more flexibility, allows HTML content
|
||||
* Removed font-smoothing from Opera and Mozilla as no longer supported
|
||||
|
||||
## 1.3.3 (03 March, 2013)
|
||||
|
||||
* Hook up Conditionizr to theme Directory using WordPress theme URI hooks
|
||||
|
||||
## 1.3.2 (22 February, 2013)
|
||||
|
||||
* Optimise body CSS declaration to shorthand
|
||||
* Remove inner wrapper inside header element, wrapper now wraps all content
|
||||
* Added header and footer classes to elements to encourage class styling over element declaration (i.e. header {} always use .header {} class etc.)
|
||||
|
||||
## 1.3.1 (13 February, 2013)
|
||||
|
||||
* Restructured CSS file, better architecture
|
||||
* Focused CSS document on a more OOCSS approach (part of restructure)
|
||||
* Split CSS into; Main, Structure, Pages, Images, Typography, Responsive, Misc, Print
|
||||
* Moved away from single-line CSS formatting to multiple-line formatting for clearer code
|
||||
* CSS indentation formatting, new lines for shared selectors
|
||||
* Update jQuery to version 1.9.1, Google CDN and CloudFlare CDN
|
||||
* Update Conditionizr to CDNJS CloudFlare v2.1.1
|
||||
* Removed mediaqueries.min.js, do we really need older browsers to be responsive, HTML5Shiv (built-in Modernizr) is enough
|
||||
* Updated scripts.js to ride off Modernizr.svg feature detect and remove custom script detect
|
||||
|
||||
## 1.3.0 (09 February, 2013)
|
||||
|
||||
* Remove jquery.min.js 'local' fallback from /js/ folder, simply fallback to another CDN (CloudFlare), see footer.php, saves code and maintenance across all sites
|
||||
* Remove Google Analytics and jQuery fallback from functions.php injection, added manually in footer.php
|
||||
* Setup Conditionizr to supply an HTML5Shim to Less Than IE9 browsers
|
||||
* Updates Conditionizr to v1.2.0, enhanced retina detection and unlimited 'customScript', for polyfill usage (e.g. using respond.js and disshim together)
|
||||
* Added Romanian language translation file to /languages/
|
||||
|
||||
## 1.2.9 (03 February, 2013)
|
||||
|
||||
* Readded [//conditionizr.com](Conditionizr), the raw JavaScript version 50% faster, previously removed to work on jQuery-free Conditionizr
|
||||
|
||||
## 1.2.8 (30 January, 2013)
|
||||
|
||||
* Added Google Analytics DNS Prefetch to header.php to reduce [DNS latency](//www.chromium.org/developers/design-documents/dns-prefetching)
|
||||
|
||||
## 1.2.7 (23 January, 2013)
|
||||
|
||||
* Update to jQuery 1.9.0
|
||||
* Removed [Conditionizr](http://conditionizr.com)
|
||||
* Remove Apple Touch Icons
|
||||
|
||||
## 1.2.6 (24 December, 2012)
|
||||
|
||||
* [Conditionizr](http://conditionizr.com) legacy script and style loader added
|
||||
* Conditional statements removed from HTML tag (HTML classes added dynamically with Conditionizr)
|
||||
* Conditional statement for mediaqueries.min.js removed (added dynamically with Conditionizr, included inside scripts.js)
|
||||
* conditionizr.min.js and conditionizr.js enqueued
|
||||
* /css/conditionizr/ added with browser styles
|
||||
* /js/conditionizr/ added with browser scripts
|
||||
* Shortened ViewPort meta tag with user scalable enabled
|
||||
|
||||
## 1.2.5 (09 December, 2012)
|
||||
|
||||
* Added SVG support in scripts.js for SVG graphics
|
||||
* Shorten DOM ready function call to shorthand
|
||||
* Removed web app capable meta tag, kept viewport
|
||||
* CSS3 Media Queries JavaScript polyfill added to header.php
|
||||
* Included default .wrapper style for fluid-first responsive approach
|
||||
* Upgraded jQuery to 1.8.3
|
||||
* Split stylesheets with separate call for Normalize as reset
|
||||
* Global Box Sizing and Font-Smoothing on all elements
|
||||
|
||||
## 1.2.4 (15 October, 2012)
|
||||
|
||||
* Custom Comments callback - wp_list_comments('type=comment&callback=dis2019comments'); editable comments now in functions.php
|
||||
* Custom default Gravatar now built in, with demo gravatar.jpg inside the 'img' folder, swap it out
|
||||
* Changed date format from the_date to the_time('F j, Y')
|
||||
* Changed time format from the_time to the_time('g:i a')
|
||||
* Changes above show the exact same when parsed, but have been changed due to the way WordPress works, which only shows one 'Date' for posts created on the same day. [More here](http://codex.wordpress.org/Function_Reference/the_date).
|
||||
|
||||
## 1.2.3 (13 October, 2012)
|
||||
|
||||
* Responsive Thumbnail support, added a function which removes width and height dynamic attributes from thumbnail
|
||||
|
||||
## 1.2.2 (09 October, 2012)
|
||||
|
||||
* Modified function - jQuery CDN fallback to get_template_directory_uri() instead of bloginfo('template_url')
|
||||
* Add Support for Custom Header
|
||||
* Tweaked support for Custom Background, added default color and placeholder background image
|
||||
|
||||
## 1.2.1 (07 October, 2012)
|
||||
|
||||
* Custom callback for wp_nav_menu, now in functions.php with dis2019_nav(); in header.php
|
||||
* JavaScript added to 'scripts.js', hides URL bar after page load on iPhone/iPad, great for responsive projects
|
||||
* Meta tag 'apple-mobile-web-app-capable' added to header.php
|
||||
* Meta tag 'apple-mobile-web-app-status-bar-style' added to header.php
|
||||
|
||||
## 1.2.0 (03 October, 2012)
|
||||
|
||||
* Merged pull request from J-Rabe
|
||||
* Localisation-support for all theme strings and empty *.pot for further translations
|
||||
* German translation added by J-Rabe
|
||||
* Functions.php includes new function 'load_theme_textdomain' for language support
|
||||
* Loop.php created to handle the Loop core, with get_template_part inclusion for relevant files
|
||||
* Loop.php includes conditional result for search results
|
||||
* Swapped bloginfo('template_url'); for echo get_template_directory_uri(); on Logo + Favicon
|
||||
* home_url instead of bloginfo('home')
|
||||
|
||||
## 1.1.2 (02 October, 2012)
|
||||
|
||||
* Merged pull request for comments.php code changes
|
||||
* Merged pull request to remove 'rel' attribute from categories
|
||||
* Filter added to remove autop paragraph function from Excerpts (Manual only)
|
||||
* Filter added to allow shortcodes to execute inside Excerpts (Manual only)
|
||||
* Filter added to strip autop tags altogether from Excerpts
|
||||
|
||||
## 1.1.1 (30 September, 2012)
|
||||
|
||||
* Enhanced author template
|
||||
* Enhanced 404 page with return home link
|
||||
* Semantic HTML enhancements
|
||||
* Added 'published by the_author' hooks as a default
|
||||
* Suggested include of WordPress Core CSS styles, now added
|
||||
|
||||
## 1.1.0 (29 September, 2012)
|
||||
|
||||
* Core template files restructure
|
||||
* Semantic HTML enhancements
|
||||
* Google analytics (optimised) dynamically loaded through functions.php in footer
|
||||
* jQuery protocol relative fallback dynamically loaded through functions.php in footer
|
||||
* Hardcoded footer.php content (analytics and jquery) removed as it's dynamically loaded now
|
||||
* The Loop 'if, while, the' all inline, now inside parent section element
|
||||
* Pagination links brought inside section element, outside of The Loop after our article
|
||||
* Section elements brought outside The Loop to hold all page content
|
||||
* The Loop 'else' content wrapper in article tag for markup/layout consistencies
|
||||
* Post ID and Post Class added to article elements
|
||||
* Category support for 'the category' title
|
||||
* Enhanced Default Template page and Template Demo Page (page.php and template-demo.php)
|
||||
* Threaded comments support
|
||||
* Few obvious annotations removed
|
||||
* Small typo in annotation 'function.php' changed to 'functions.php'
|
||||
* Update theme default logo with new branding
|
||||
* CSS tweak for default hyperlink color change to match Logo blue
|
||||
|
||||
## 1.0.2 (28 September, 2012)
|
||||
|
||||
* Update CDN and local jQuery fallbacks from 1.8.1 to 1.8.2
|
||||
* Conditional page loads script added to functions.php
|
||||
* Added Custom Background support into functions.php
|
||||
* Remove WordPress Admin bar by default
|
||||
* Remove 'text/css' from enqueued stylesheet
|
||||
* Updated screenshot.png logo to new dis-2019 branding
|
||||
* CSS change, :focus changed to input:focus as FireFox was adding focus styles to any element
|
||||
* CSS change, new Chrome updates renders fonts thicker, reduced font-weight on body from 400 to 300
|
||||
* CSS change, create non-semantic section below media queries, moved text-selection colors etc
|
||||
* CSS change, default font-family for h1-h6 Helvetica Neue with Helvetica/Arial fallbacks (previous Georgia)
|
||||
* CSS header theme details updated to new URL
|
||||
* Move toddmotto.com/dis2019/ to new dis2019.com domain
|
||||
* Favicon support for theme directory favicon.ico
|
||||
* Apple touch icon support, drag into root folder
|
||||
* LICENSE.md and README.md added and fully updated
|
||||
|
||||
## 1.0.1 (27 September, 2012)
|
||||
|
||||
* Commit CHANGELOG.md
|
||||
* Commit README.md
|
||||
* Commit of Empty Fonts folder with readme.txt inside (for GitHub detection)
|
||||
|
||||
## 1.0.0 (16 September, 2012)
|
||||
|
||||
* Initial commit
|
||||
35
_jegyzet.md
35
_jegyzet.md
@@ -10,30 +10,12 @@ npm install gulp-cli -g
|
||||
nvm install dev
|
||||
```
|
||||
|
||||
|
||||
|
||||
# Kérdések
|
||||
|
||||
## Általános
|
||||
|
||||
Hogyan legyen a kategorizálás:
|
||||
Most így gondoltam:
|
||||
Category: fotó hírek minden ide
|
||||
Tag: BE DO THINK LOVE
|
||||
|
||||
A képek alapján ezt érzem:
|
||||
Category: fotó média stb
|
||||
Post type: Cikk, album stb
|
||||
Tag: Be DO THINK LOVE
|
||||
|
||||
Ha jól látom tageket egyáltalán nem gondoltátok használni, ezért gondoltam erre a felosztásra, kérdés hogy legyen-e külön a a post type és kategory, vagy egyben?
|
||||
|
||||
A színek ugye a be do think love-tól függnek?
|
||||
|
||||
lightbox az a mostani designisso-n sincs, ezen legyen?
|
||||
|
||||
## kezdőlap
|
||||
Így a ragadós tekerés miatt ajánlom, hogy legyen egy felülre ugrás gomb, talán a továbbugrás helyett, ugyanaz a nyíl, csak felfele, és nem gördül az oldallal
|
||||
|
||||
## single
|
||||
ha hosszú a cím, akkor mi legyen? kevesbb látszon a cikkből? Lásd I O cikk
|
||||
@@ -45,22 +27,9 @@ Melyik sarokban vannak a képfeliratok, ha 3 elem jelenik meg egymás mellett? v
|
||||
|
||||
# további kérdések
|
||||
|
||||
## Kezdőlap asztali
|
||||
|
||||
Mitől függ, hogy a kép bal, vagy jobb oldalon van? random, felváltva, be-do alapján? Vagy egyesével állítható egy bal-jobb pataméterrel cikkenként?
|
||||
|
||||
## asztali single:
|
||||
Követtem a mobilos analógiát: fent nincs szerző, csak lent, felül a kategóriák vannak
|
||||
|
||||
## általános
|
||||
|
||||
Kategória oldalak asztalin?
|
||||
|
||||
Továbbiak betöltése hogy néz ki?
|
||||
|
||||
## események
|
||||
Események asztalin?
|
||||
|
||||
Egyedi esemény oldal van, vagy az csak egy link lista?
|
||||
|
||||
# Megbeszélés 2019.05.30.
|
||||
@@ -69,8 +38,8 @@ Kezdőlap:
|
||||
|
||||
~egér változzon lapozósra~
|
||||
~két nagy, utána kicsi rácsban~
|
||||
Nincs gradiens
|
||||
Hover csak a címen
|
||||
~Nincs gradiens~
|
||||
~Hover csak a címen~
|
||||
Nyíl, csak az első cikken
|
||||
~cursor módosítás tekerésre~
|
||||
Kis ikonok hover:
|
||||
|
||||
40
archive.php
40
archive.php
@@ -1,14 +1,42 @@
|
||||
<?php get_header(); ?>
|
||||
<?php get_header();?>
|
||||
|
||||
|
||||
<!-- section -->
|
||||
<section>
|
||||
<section id="content">
|
||||
|
||||
<h1><?php _e( 'Archives', 'dis2019' ); ?></h1>
|
||||
|
||||
<?php get_template_part('loop'); ?>
|
||||
<?php
|
||||
if (is_category()) {
|
||||
$ttl = single_cat_title("", false);
|
||||
$cl = "category";
|
||||
} elseif (is_tag()) {
|
||||
$ttl = single_tag_title("", false);
|
||||
$cl = "tag";
|
||||
} else {
|
||||
$ttl = the_archive_title();
|
||||
$cl = "";
|
||||
}
|
||||
|
||||
<?php get_template_part('pagination'); ?>
|
||||
|
||||
// esc_html_e($ttl, 'text-domain')
|
||||
?>
|
||||
<h1 class="archivetitle <?php echo $cl; ?>"><?php echo $ttl; ?></h1>
|
||||
|
||||
<?php
|
||||
if (is_tag()) {
|
||||
|
||||
echo '<div class="archivedescription">';
|
||||
echo tag_description();
|
||||
echo "</div>";
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
<?php get_template_part('loop');?>
|
||||
|
||||
<?php get_template_part('loadmore');?>
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
@@ -16,4 +44,4 @@
|
||||
|
||||
|
||||
|
||||
<?php get_footer(); ?>
|
||||
<?php get_footer();?>
|
||||
|
||||
77
author.php
77
author.php
@@ -1,77 +0,0 @@
|
||||
<?php get_header(); ?>
|
||||
|
||||
|
||||
<!-- section -->
|
||||
<section>
|
||||
|
||||
<?php if (have_posts()): the_post(); ?>
|
||||
|
||||
<h1><?php _e( 'Author Archives for ', 'dis2019' ); echo get_the_author(); ?></h1>
|
||||
|
||||
<?php if ( get_the_author_meta('description')) : ?>
|
||||
|
||||
<?php echo get_avatar(get_the_author_meta('user_email')); ?>
|
||||
|
||||
<h2><?php _e( 'About ', 'dis2019' ); echo get_the_author() ; ?></h2>
|
||||
|
||||
<?php echo wpautop( get_the_author_meta('description') ); ?>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php rewind_posts(); while (have_posts()) : the_post(); ?>
|
||||
|
||||
<!-- article -->
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
|
||||
<!-- post thumbnail -->
|
||||
<?php if ( has_post_thumbnail()) : // Check if Thumbnail exists ?>
|
||||
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
|
||||
<?php the_post_thumbnail(array(120,120)); // Declare pixel size you need inside the array ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<!-- /post thumbnail -->
|
||||
|
||||
<!-- post title -->
|
||||
<h2>
|
||||
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
|
||||
</h2>
|
||||
<!-- /Post title -->
|
||||
|
||||
<!-- post details -->
|
||||
<span class="date"><?php the_time('F j, Y'); ?> <?php the_time('g:i a'); ?></span>
|
||||
<span class="author"><?php _e( 'Published by', 'dis2019' ); ?> <?php the_author_posts_link(); ?></span>
|
||||
<span class="comments"><?php comments_popup_link( __( 'Leave your thoughts', 'dis2019' ), __( '1 Comment', 'dis2019' ), __( '% Comments', 'dis2019' )); ?></span>
|
||||
<!-- /post details -->
|
||||
|
||||
<?php diswp_excerpt('diswp_index'); // Build your custom callback length in functions.php ?>
|
||||
|
||||
<br class="clear">
|
||||
|
||||
<?php edit_post_link(); ?>
|
||||
|
||||
</article>
|
||||
<!-- /article -->
|
||||
|
||||
<?php endwhile; ?>
|
||||
|
||||
<?php else: ?>
|
||||
|
||||
<!-- article -->
|
||||
<article>
|
||||
|
||||
<h2><?php _e( 'Sorry, nothing to display.', 'dis2019' ); ?></h2>
|
||||
|
||||
</article>
|
||||
<!-- /article -->
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php get_template_part('pagination'); ?>
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<?php get_footer(); ?>
|
||||
@@ -54,7 +54,7 @@
|
||||
|
||||
<?php endif;?>
|
||||
|
||||
<?php get_template_part('pagination');?>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
|
||||
19
category.php
19
category.php
@@ -1,19 +0,0 @@
|
||||
<?php get_header(); ?>
|
||||
|
||||
|
||||
<!-- section -->
|
||||
<section>
|
||||
|
||||
<h1><?php _e( 'Categories for ', 'dis2019' ); single_cat_title(); ?></h1>
|
||||
|
||||
<?php get_template_part('loop'); ?>
|
||||
|
||||
<?php get_template_part('pagination'); ?>
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<?php get_footer(); ?>
|
||||
24
comments.php
24
comments.php
@@ -1,24 +0,0 @@
|
||||
<div class="comments">
|
||||
<?php if (post_password_required()) : ?>
|
||||
<p><?php _e( 'Post is password protected. Enter the password to view any comments.', 'dis2019' ); ?></p>
|
||||
</div>
|
||||
|
||||
<?php return; endif; ?>
|
||||
|
||||
<?php if (have_comments()) : ?>
|
||||
|
||||
<h2><?php comments_number(); ?></h2>
|
||||
|
||||
<ul>
|
||||
<?php wp_list_comments('type=comment&callback=dis2019comments'); // Custom callback in functions.php ?>
|
||||
</ul>
|
||||
|
||||
<?php elseif ( ! comments_open() && ! is_page() && post_type_supports( get_post_type(), 'comments' ) ) : ?>
|
||||
|
||||
<p><?php _e( 'Comments are closed here.', 'dis2019' ); ?></p>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php comment_form(); ?>
|
||||
|
||||
</div>
|
||||
238
css/base.css
238
css/base.css
@@ -447,6 +447,9 @@ object {
|
||||
font: bold 1rem "Westeinde Caption";
|
||||
color: #000;
|
||||
z-index: 1; }
|
||||
@media (min-width: 769px) {
|
||||
.wrapper main section article .metadata {
|
||||
font-size: 1.2rem; } }
|
||||
.wrapper main section article .metadata::after {
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -501,19 +504,23 @@ object {
|
||||
display: none !important; }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* HOMEPAGE */
|
||||
/* ARCHIVE AND HOMEPAGE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
@media (min-width: 769px) {
|
||||
.archive,
|
||||
.home {
|
||||
overflow-y: hidden; } }
|
||||
|
||||
.archive .wrapper,
|
||||
.home .wrapper {
|
||||
/* ----------------------------- header on home ----------------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.archive .wrapper,
|
||||
.home .wrapper {
|
||||
overflow-y: hidden;
|
||||
width: fit-content; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive .wrapper .header .header-scroll,
|
||||
.home .wrapper .header .header-scroll {
|
||||
display: block;
|
||||
position: fixed;
|
||||
@@ -521,65 +528,82 @@ object {
|
||||
width: 10rem;
|
||||
flex: 1 0 auto !important;
|
||||
top: 0; } }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-left,
|
||||
.home .wrapper .header .header-scroll.header-scroll-left {
|
||||
left: 10rem; }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-left button,
|
||||
.home .wrapper .header .header-scroll.header-scroll-left button {
|
||||
cursor: url("../img/arrow-black-left.png"), w-resize; }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-right,
|
||||
.home .wrapper .header .header-scroll.header-scroll-right {
|
||||
right: 10rem; }
|
||||
.archive .wrapper .header .header-scroll.header-scroll-right button,
|
||||
.home .wrapper .header .header-scroll.header-scroll-right button {
|
||||
cursor: url("../img/arrow-black-right.png"), e-resize; }
|
||||
.archive .wrapper .header .header-scroll button,
|
||||
.home .wrapper .header .header-scroll button {
|
||||
height: 100vh;
|
||||
width: 10rem; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.archive main,
|
||||
.home main {
|
||||
height: 100vh;
|
||||
width: fit-content;
|
||||
position: relative; } }
|
||||
|
||||
.archive main section,
|
||||
.home main section {
|
||||
/* --------------------------- home article mobile/default -------------------------- */
|
||||
/* ------------------------ home article desktop big ------------------------ */
|
||||
/* ----------------------- home article desktop small ----------------------- */ }
|
||||
/* ----------------------- articles desktop small ----------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section,
|
||||
.home main section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
width: fit-content; } }
|
||||
.archive main section article,
|
||||
.home main section article {
|
||||
height: 100vh; }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section article > a,
|
||||
.home main section article > a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
display: inline-block; }
|
||||
.archive main section article .thumbnailwrapper img.attachment-home-thumbnail,
|
||||
.home main section article .thumbnailwrapper img.attachment-home-thumbnail {
|
||||
height: 50vh;
|
||||
width: 100vw;
|
||||
object-fit: cover; }
|
||||
.archive main section article h2,
|
||||
.home main section article h2 {
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
padding: 2rem;
|
||||
padding-top: 3rem;
|
||||
margin: 0; }
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
font-size: 2.5rem !important; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section article h2 a,
|
||||
.home main section article h2 a {
|
||||
font-size: 5rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big,
|
||||
.home main section .home-wrapper-big {
|
||||
flex: 0 0 auto; }
|
||||
.archive main section .home-wrapper-big article,
|
||||
.home main section .home-wrapper-big article {
|
||||
position: relative;
|
||||
width: calc(100vw - (10rem * 3));
|
||||
@@ -591,21 +615,25 @@ object {
|
||||
/* -------------------------------- thumbnail and title ------------------------------- */
|
||||
/* -------------------------- home article metadata big------------------------- */
|
||||
/* ------------------------- home article big hover ------------------------- */ }
|
||||
.archive main section .home-wrapper-big article .thumbnailwrapper,
|
||||
.home main section .home-wrapper-big article .thumbnailwrapper {
|
||||
height: calc(100% - 4rem);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
border-top: 1px #000 solid; }
|
||||
.archive main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
|
||||
.home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
|
||||
object-fit: cover;
|
||||
width: 50%;
|
||||
height: 100%; }
|
||||
.archive main section .home-wrapper-big article h2,
|
||||
.home main section .home-wrapper-big article h2 {
|
||||
height: unset;
|
||||
position: absolute;
|
||||
top: 6rem;
|
||||
padding: 4rem; }
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
@@ -615,9 +643,12 @@ object {
|
||||
flex-direction: row;
|
||||
padding: 0;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch; }
|
||||
align-items: center; }
|
||||
.archive main section .home-wrapper-big article .metadata::after,
|
||||
.home main section .home-wrapper-big article .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
width: calc(100% - 4rem);
|
||||
@@ -625,6 +656,7 @@ object {
|
||||
left: calc(4rem);
|
||||
background-color: transparent;
|
||||
margin-left: -0; }
|
||||
.archive main section .home-wrapper-big article .metadata::before,
|
||||
.home main section .home-wrapper-big article .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
@@ -634,7 +666,6 @@ object {
|
||||
top: 0;
|
||||
left: -0;
|
||||
border-left: #000 solid 1px;
|
||||
border-top: #000 1px solid;
|
||||
-moz-transform: skewX(-45deg);
|
||||
-o-transform: skewX(-45deg);
|
||||
-ms-transform: skewX(-45deg);
|
||||
@@ -642,27 +673,42 @@ object {
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom;
|
||||
background-color: transparent;
|
||||
z-index: 9; }
|
||||
z-index: 9; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
font-size: 2rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata > div,
|
||||
.home main section .home-wrapper-big article .metadata > div {
|
||||
width: 30%;
|
||||
padding-top: 2rem; } }
|
||||
width: 30%; } }
|
||||
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
height: calc(10rem / 2); } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata .categories,
|
||||
.home main section .home-wrapper-big article .metadata .categories {
|
||||
display: none;
|
||||
display: block;
|
||||
border-right: #000 solid 1px; }
|
||||
display: block; }
|
||||
.archive main section .home-wrapper-big article .metadata .bevezeto,
|
||||
.archive main section .home-wrapper-big article .metadata .alcim,
|
||||
.home main section .home-wrapper-big article .metadata .bevezeto,
|
||||
.home main section .home-wrapper-big article .metadata .alcim {
|
||||
display: none; }
|
||||
.archive main section .home-wrapper-big article.hovered,
|
||||
.home main section .home-wrapper-big article.hovered {
|
||||
width: calc(100vw - (10rem * 2)); }
|
||||
.archive main section .home-wrapper-big article.hovered h2 > a,
|
||||
.home main section .home-wrapper-big article.hovered h2 > a {
|
||||
color: #000; }
|
||||
.home main section .home-wrapper-1 article a.thumbnailwrapper {
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper {
|
||||
justify-content: flex-end; }
|
||||
.home main section .home-wrapper-2 article {
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article {
|
||||
border-left: #000 1px solid; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small,
|
||||
.home main section .home-wrapper-small {
|
||||
width: calc(100vw - (10rem * 3));
|
||||
height: calc((100vw - (10rem * 3)) / 3 * 2);
|
||||
@@ -671,20 +717,41 @@ object {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin: auto 0; }
|
||||
.home main section .home-wrapper-small:nth-child(3) {
|
||||
margin-left: 10rem; }
|
||||
.home main section .home-wrapper-small article {
|
||||
.archive main section .home-wrapper-small.home-wrapper-s1,
|
||||
.home main section .home-wrapper-small.home-wrapper-s1 {
|
||||
margin-left: 10rem !important; }
|
||||
.archive main section .home-wrapper-small article,
|
||||
.archive main section .home-wrapper-small .archivetitle,
|
||||
.archive main section .home-wrapper-small .archivedescription,
|
||||
.home main section .home-wrapper-small article,
|
||||
.home main section .home-wrapper-small .archivetitle,
|
||||
.home main section .home-wrapper-small .archivedescription {
|
||||
flex: 0 0 calc(100% / 3);
|
||||
height: 50%;
|
||||
position: relative; }
|
||||
.home main section .home-wrapper-small article .thumbnailwrapper {
|
||||
.archive main section .home-wrapper-small article .thumbnailwrapper,
|
||||
.archive main section .home-wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.archive main section .home-wrapper-small .archivedescription .thumbnailwrapper,
|
||||
.home main section .home-wrapper-small article .thumbnailwrapper,
|
||||
.home main section .home-wrapper-small .archivetitle .thumbnailwrapper,
|
||||
.home main section .home-wrapper-small .archivedescription .thumbnailwrapper {
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.home main section .home-wrapper-small article .thumbnailwrapper img {
|
||||
.archive main section .home-wrapper-small article .thumbnailwrapper img,
|
||||
.archive main section .home-wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.archive main section .home-wrapper-small .archivedescription .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-small article .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-small .archivetitle .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-small .archivedescription .thumbnailwrapper img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; }
|
||||
.home main section .home-wrapper-small article .metadata {
|
||||
.archive main section .home-wrapper-small article .metadata,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata,
|
||||
.home main section .home-wrapper-small article .metadata,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata {
|
||||
width: 100%;
|
||||
height: 20%;
|
||||
position: absolute;
|
||||
@@ -697,8 +764,15 @@ object {
|
||||
justify-content: flex-end;
|
||||
align-items: stretch;
|
||||
display: none; }
|
||||
.home main section .home-wrapper-small article .metadata::after {
|
||||
.archive main section .home-wrapper-small article .metadata::after,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata::after,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata::after,
|
||||
.home main section .home-wrapper-small article .metadata::after,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata::after,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
width: calc(100% - 4rem);
|
||||
@@ -706,7 +780,12 @@ object {
|
||||
left: calc(4rem);
|
||||
background-color: transparent;
|
||||
margin-left: -0; }
|
||||
.home main section .home-wrapper-small article .metadata::before {
|
||||
.archive main section .home-wrapper-small article .metadata::before,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata::before,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata::before,
|
||||
.home main section .home-wrapper-small article .metadata::before,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata::before,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -715,7 +794,6 @@ object {
|
||||
top: 0;
|
||||
left: -0;
|
||||
border-left: #000 solid 1px;
|
||||
border-top: #000 1px solid;
|
||||
-moz-transform: skewX(-45deg);
|
||||
-o-transform: skewX(-45deg);
|
||||
-ms-transform: skewX(-45deg);
|
||||
@@ -724,24 +802,129 @@ object {
|
||||
transform-origin: left bottom;
|
||||
background-color: transparent;
|
||||
z-index: 9; }
|
||||
.home main section .home-wrapper-small article .metadata.vis {
|
||||
.archive main section .home-wrapper-small article .metadata.vis,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata.vis,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata.vis,
|
||||
.home main section .home-wrapper-small article .metadata.vis,
|
||||
.home main section .home-wrapper-small .archivetitle .metadata.vis,
|
||||
.home main section .home-wrapper-small .archivedescription .metadata.vis {
|
||||
display: flex; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small article h2,
|
||||
.archive main section .home-wrapper-small article h2 a,
|
||||
.archive main section .home-wrapper-small .archivetitle h2,
|
||||
.archive main section .home-wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home-wrapper-small .archivedescription h2,
|
||||
.archive main section .home-wrapper-small .archivedescription h2 a,
|
||||
.home main section .home-wrapper-small article h2,
|
||||
.home main section .home-wrapper-small article h2 a {
|
||||
.home main section .home-wrapper-small article h2 a,
|
||||
.home main section .home-wrapper-small .archivetitle h2,
|
||||
.home main section .home-wrapper-small .archivetitle h2 a,
|
||||
.home main section .home-wrapper-small .archivedescription h2,
|
||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||
font-size: 1.2rem;
|
||||
-webkit-text-stroke: #000 1px;
|
||||
color: #fff; } }
|
||||
@media (min-width: 769px) {
|
||||
.home main section .home-wrapper-small article h2 {
|
||||
.archive main section .home-wrapper-small article h2,
|
||||
.archive main section .home-wrapper-small .archivetitle h2,
|
||||
.archive main section .home-wrapper-small .archivedescription h2,
|
||||
.home main section .home-wrapper-small article h2,
|
||||
.home main section .home-wrapper-small .archivetitle h2,
|
||||
.home main section .home-wrapper-small .archivedescription h2 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
height: 100%; }
|
||||
.home main section .home-wrapper-small article h2 a {
|
||||
.archive main section .home-wrapper-small article h2 a,
|
||||
.archive main section .home-wrapper-small .archivetitle h2 a,
|
||||
.archive main section .home-wrapper-small .archivedescription h2 a,
|
||||
.home main section .home-wrapper-small article h2 a,
|
||||
.home main section .home-wrapper-small .archivetitle h2 a,
|
||||
.home main section .home-wrapper-small .archivedescription h2 a {
|
||||
top: 50%;
|
||||
position: absolute; } }
|
||||
position: absolute; }
|
||||
.archive main section .home-wrapper-small .archivetitle,
|
||||
.home main section .home-wrapper-small .archivetitle {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: 2rem;
|
||||
border-right: #000 1px solid;
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section .home-wrapper-small .archivetitle,
|
||||
.home main section .home-wrapper-small .archivetitle {
|
||||
font-size: 2.5rem !important; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small .archivetitle,
|
||||
.home main section .home-wrapper-small .archivetitle {
|
||||
font-size: 5rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small .archivetitle::after,
|
||||
.home main section .home-wrapper-small .archivetitle::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
width: calc(100% - 5rem);
|
||||
border-top: #000 1px solid;
|
||||
left: calc(5rem);
|
||||
background-color: transparent;
|
||||
margin-left: -0; }
|
||||
.archive main section .home-wrapper-small .archivetitle::before,
|
||||
.home main section .home-wrapper-small .archivetitle::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: calc(5rem);
|
||||
height: calc(5rem);
|
||||
top: 0;
|
||||
left: -0;
|
||||
border-left: #000 solid 1px;
|
||||
-moz-transform: skewX(-45deg);
|
||||
-o-transform: skewX(-45deg);
|
||||
-ms-transform: skewX(-45deg);
|
||||
-webkit-transform: skewX(-45deg);
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom;
|
||||
background-color: transparent;
|
||||
z-index: 9; }
|
||||
.archive main section .home-wrapper-small .archivetitle.tag,
|
||||
.home main section .home-wrapper-small .archivetitle.tag {
|
||||
text-transform: uppercase; }
|
||||
.archive main section .home-wrapper-small .archivedescription,
|
||||
.home main section .home-wrapper-small .archivedescription {
|
||||
order: 1;
|
||||
border-top: #000 1px solid;
|
||||
border-right: #000 1px solid;
|
||||
border-bottom: #000 1px solid;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: 2rem; }
|
||||
.archive main section .home-wrapper-small .archivedescription p,
|
||||
.home main section .home-wrapper-small .archivedescription p {
|
||||
margin: 0;
|
||||
font: bold 1rem "Butler";
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small .archivedescription p,
|
||||
.home main section .home-wrapper-small .archivedescription p {
|
||||
font-size: 1.2rem; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* single */
|
||||
@@ -835,6 +1018,8 @@ object {
|
||||
width: calc(100% - 5rem) !important; }
|
||||
.single article .titlewrapper .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
width: calc(100% - 5rem + 5rem);
|
||||
@@ -851,7 +1036,6 @@ object {
|
||||
top: 0;
|
||||
left: -5rem;
|
||||
border-left: #000 solid 1px;
|
||||
border-top: #000 1px solid;
|
||||
-moz-transform: skewX(-45deg);
|
||||
-o-transform: skewX(-45deg);
|
||||
-ms-transform: skewX(-45deg);
|
||||
|
||||
0
normalize.css → css/normalize.css
vendored
0
normalize.css → css/normalize.css
vendored
@@ -137,7 +137,7 @@ function dis2019_conditional_scripts()
|
||||
// Load dis-2019 styles
|
||||
function dis2019_styles()
|
||||
{
|
||||
wp_register_style('normalize', get_template_directory_uri() . '/normalize.css', array(), '1.0', 'all');
|
||||
wp_register_style('normalize', get_template_directory_uri() . '/css/normalize.min.css', array(), '1.0', 'all');
|
||||
wp_enqueue_style('normalize'); // Enqueue it!
|
||||
|
||||
wp_register_style('dis2019', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');
|
||||
@@ -450,13 +450,22 @@ function dis_2019_more_posts_on_home(&$query)
|
||||
{
|
||||
|
||||
//Before anything else, make sure this is the right query...
|
||||
if (!$query->is_home()) {
|
||||
if (!$query->is_home() && !$query->is_archive()) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ($query->is_home()) {
|
||||
$pposts = 14;
|
||||
}elseif ($query->is_tag()) {
|
||||
$pposts = 10;
|
||||
}else {
|
||||
$pposts = 11;
|
||||
}
|
||||
|
||||
|
||||
//set post_per_page if it's homepage
|
||||
if (!$query->is_paged) {
|
||||
$query->set('posts_per_page', 14);
|
||||
$query->set('posts_per_page', $pposts);
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -15,6 +15,8 @@
|
||||
console.log(vw, wow)
|
||||
var isMobile
|
||||
var isHome = false
|
||||
var isArchive = false
|
||||
var isEsemeny = false
|
||||
|
||||
|
||||
|
||||
@@ -31,6 +33,14 @@
|
||||
isHome = true
|
||||
}
|
||||
|
||||
if ($('body').hasClass("archive") & !$('body').hasClass("category-esemeny")) {
|
||||
isArchive = true
|
||||
}
|
||||
|
||||
if ($('body').hasClass("category-esemeny")) {
|
||||
isEsemeny = true
|
||||
}
|
||||
|
||||
var desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
|
||||
|
||||
|
||||
@@ -135,38 +145,64 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* HOME */
|
||||
/* HOME & ARCHIVES */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
/* ----------------------------------- css ---------------------------------- */
|
||||
|
||||
var articleWrapCounter = 0
|
||||
|
||||
if (isHome & !isMobile) {
|
||||
if (!isMobile) {
|
||||
if (isHome || isArchive) {
|
||||
$('html').css({ overflowY: "hidden" })
|
||||
|
||||
$('#content>*:not(.misha_loadmore)').addClass("hbox")
|
||||
var wrapArticles = $(".hbox").length
|
||||
|
||||
//wrapping for big-small difference
|
||||
$('article:first-child').wrap('<div class="home-wrapper-big home-wrapper-1"></div>').addClass("home-big")
|
||||
$('article:nth-child(2)').wrap('<div class="home-wrapper-big home-wrapper-2"></div>').addClass("home-big")
|
||||
var wrapArticles = $("article").length - 2
|
||||
if (isHome) {
|
||||
$('.hbox:first-child').wrap('<div class="home-wrapper-big home-wrapper-1"></div>').addClass("home-big")
|
||||
$('.hbox:nth-child(2)').wrap('<div class="home-wrapper-big home-wrapper-2"></div>').addClass("home-big")
|
||||
wrapArticles = $(".hbox").length - 2
|
||||
|
||||
}
|
||||
|
||||
|
||||
//add classes to articles and elements
|
||||
var articleWrapCounter = 0
|
||||
for (let i = 0; i < wrapArticles; i++) {
|
||||
var j = i + 3
|
||||
var j = i + 1
|
||||
|
||||
if (isHome) {
|
||||
j = i + 3
|
||||
}
|
||||
|
||||
|
||||
if (i % 6 == 0) {
|
||||
articleWrapCounter++
|
||||
}
|
||||
$('article:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j)
|
||||
$('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
|
||||
//change order if there is a description
|
||||
if ($(".archivedescription") && articleWrapCounter == 1 && j > 2 && j < 5) {
|
||||
$('.hbox:nth-child(' + j + ')').css({order:"99"})
|
||||
}
|
||||
}
|
||||
//wrap classes
|
||||
for (let i = 0; i < articleWrapCounter; i++) {
|
||||
var j = i + 3
|
||||
var j = i + 1
|
||||
if (isHome) {
|
||||
j = i + 3
|
||||
}
|
||||
var k = i + 1
|
||||
$(".home-thumbnail-small-" + k).wrapAll('<div class="home-wrapper-small home-wrapper-' + j + '"></div>')
|
||||
if (i == 0) {
|
||||
$(".home-wrapper-" + j).addClass("home-wrapper-s1")
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//returns three random numebers 0-5
|
||||
function randomNumbers() {
|
||||
@@ -206,13 +242,17 @@
|
||||
$(this).addRandomClasses()
|
||||
})
|
||||
|
||||
|
||||
/* ----------------------------- Snap on mobile ----------------------------- */
|
||||
|
||||
if (isHome & isMobile) {
|
||||
if (isMobile) {
|
||||
if (isHome || isArchive) {
|
||||
$("article.post").SnapScroll({
|
||||
animateDuration: 400
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------------- To top --------------------------------- */
|
||||
|
||||
@@ -245,7 +285,7 @@
|
||||
} else {
|
||||
//from the third wrap modify the offset
|
||||
var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[2])
|
||||
if (wNum > 3) {
|
||||
if (wNum > 3 || !isHome) {
|
||||
offset = offset - desktophomemargin
|
||||
}
|
||||
}
|
||||
@@ -278,18 +318,21 @@
|
||||
var currElem = $(selector + ':first-child')
|
||||
|
||||
//checking the current scroll location for refresh:
|
||||
if (isHome & !isMobile) {
|
||||
if (!isMobile) {
|
||||
if (isHome || isArchive) {
|
||||
var articleWidth = $(selector + ':first-child')[0].getBoundingClientRect().width
|
||||
var currscroll = $('html').scrollLeft()
|
||||
var scrollnr = Math.floor(currscroll / articleWidth) + 1
|
||||
currElem = $(selector + ':nth-child(' + scrollnr + ')')
|
||||
console.log("start location: " + currElem.attr("class"))
|
||||
}
|
||||
}
|
||||
|
||||
var scrolltimer = false;
|
||||
$(window).on('wheel DOMMouseScroll', function (e) {
|
||||
//e.preventDefault();
|
||||
if (isHome & !isMobile) {
|
||||
if (!isMobile) {
|
||||
if (isHome || !isMobile) {
|
||||
if (scrolltimer) {
|
||||
return false;
|
||||
}
|
||||
@@ -307,6 +350,7 @@
|
||||
currElem = homeScroll(currElem, "next")
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/* -------------------------- scroll click on home -------------------------- */
|
||||
@@ -347,7 +391,7 @@
|
||||
|
||||
var noMoreAjax = false
|
||||
|
||||
function loadmore(element){
|
||||
function loadmore(element) {
|
||||
if (noMoreAjax) {
|
||||
console.log("no more ajax")
|
||||
return false
|
||||
@@ -397,7 +441,7 @@
|
||||
/* ------------------------------ hover on home ----------------------------- */
|
||||
|
||||
//hover on big articles
|
||||
$(".home-big h2>a").hover(function () {
|
||||
$(".home-big h2").hover(function () {
|
||||
let cc = $(this)
|
||||
//make width more
|
||||
cc.parents("article").addClass("hovered")
|
||||
|
||||
26
loop.php
26
loop.php
@@ -31,13 +31,35 @@
|
||||
}
|
||||
}?>
|
||||
|
||||
</div>
|
||||
<div class="vr">
|
||||
|
||||
</div>
|
||||
<div class="postedon">
|
||||
<?php the_time('Y. m. d.');?>
|
||||
</div>
|
||||
|
||||
|
||||
<?php if(is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
|
||||
<div class="alcim">
|
||||
<?php
|
||||
$dis_alcim_value = get_post_meta( get_the_ID(), 'dis-alcim', true );
|
||||
// Check if the custom field has a value.
|
||||
if ( ! empty( $dis_alcim_value ) ) {
|
||||
echo $dis_alcim_value;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bevezeto">
|
||||
<?php
|
||||
$dis_bevezeto_value = get_post_meta( get_the_ID(), 'dis-bevezeto', true );
|
||||
// Check if the custom field has a value.
|
||||
if ( ! empty( $dis_bevezeto_value ) ) {
|
||||
echo $dis_bevezeto_value;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php endif;?>
|
||||
</div> <!-- metadata end -->
|
||||
|
||||
|
||||
<!-- post title -->
|
||||
|
||||
2
page.php
2
page.php
@@ -13,8 +13,6 @@
|
||||
|
||||
<?php the_content(); ?>
|
||||
|
||||
<?php comments_template( '', true ); // Remove if you don't want comments ?>
|
||||
|
||||
<br class="clear">
|
||||
|
||||
<?php edit_post_link(); ?>
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
/* ========================================================================== */
|
||||
|
||||
@mixin menutext {
|
||||
//text in menu
|
||||
font: 900 4rem "Westeinde Caption";
|
||||
color: #000;
|
||||
-webkit-text-stroke: #fff 1px;
|
||||
@@ -15,6 +16,7 @@
|
||||
}
|
||||
|
||||
@mixin home-title {
|
||||
//article titles on home
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
color: #000;
|
||||
@media #{$mobile-landscape} {
|
||||
@@ -26,6 +28,7 @@
|
||||
}
|
||||
|
||||
@mixin home-more {
|
||||
//loadmore text on home and archives
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px;
|
||||
@@ -38,17 +41,34 @@
|
||||
}
|
||||
|
||||
@mixin home-title-small {
|
||||
//small titles on desktop on home and archives
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 1.2rem;
|
||||
-webkit-text-stroke: #000 1px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin archive-tag-description{
|
||||
font: bold 1rem "Butler";
|
||||
color: #000;
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin home-metadata {
|
||||
font: bold 1rem "Westeinde Caption";
|
||||
color: #000;
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin home-metadata-big {
|
||||
@media #{$smalldesktop} {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin bedocircle {
|
||||
@@ -83,8 +103,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
//képaláírás
|
||||
@mixin captiontext {
|
||||
//képaláírás
|
||||
font: 900 1rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
|
||||
176
sass/base.scss
176
sass/base.scss
@@ -97,11 +97,12 @@ $bigdesktop: only screen and
|
||||
min-width: 1281px
|
||||
);
|
||||
|
||||
$desktop-home-margin: 10rem; // menuwidth on desktop
|
||||
$desktop-home-margin-half: 5rem;
|
||||
$desktop-top-margin: 4rem;
|
||||
$desktop-bottom-margin: 2rem;
|
||||
$desktop-bottom-margin-double: 4rem;
|
||||
//Horizontal units:
|
||||
$h-unit-2: 10rem; // menuwidth on desktop
|
||||
$h-unit-1: 5rem;
|
||||
|
||||
//vertical units:
|
||||
$v-unit-1: 4rem;
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* other mixins */
|
||||
@@ -179,6 +180,8 @@ $desktop-bottom-margin-double: 4rem;
|
||||
&::after {
|
||||
//for border without corner
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
@if $left==0 {
|
||||
@@ -202,7 +205,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
top: 0;
|
||||
left: -#{$left};
|
||||
border-left: #000 solid 1px;
|
||||
border-top: #000 1px solid;
|
||||
// border-top: #000 1px solid;
|
||||
@include transform(skewX(-45deg));
|
||||
transform-origin: left bottom;
|
||||
background-color: $bgcolor;
|
||||
@@ -229,8 +232,6 @@ $desktop-bottom-margin-double: 4rem;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
// padding: 2rem;
|
||||
// background-color: #000;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
@@ -251,7 +252,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
@media #{$smalldesktop} {
|
||||
width: $desktop-home-margin;
|
||||
width: $h-unit-2;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
@@ -310,7 +311,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
// color: #000;
|
||||
// fill: currentColor;
|
||||
filter: invert(100%); //black
|
||||
@include transform(rotate(180deg)) // transform: rotate(180deg);;;;;;;;;;;
|
||||
@include transform(rotate(180deg)) // transform: rotate(180deg);;;;;;;;;;;;;;;;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -326,13 +327,13 @@ $desktop-bottom-margin-double: 4rem;
|
||||
@media #{$smalldesktop} {
|
||||
.header-1 > div,
|
||||
.header-2 > div {
|
||||
flex: 0 0 5rem !important;
|
||||
flex: 0 0 $h-unit-1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
object {
|
||||
height: 5rem;
|
||||
height: $h-unit-1;
|
||||
}
|
||||
}
|
||||
.events-link {
|
||||
@@ -442,9 +443,9 @@ $desktop-bottom-margin-double: 4rem;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding: 0 4rem;
|
||||
padding: 0 $v-unit-1;
|
||||
@media #{$smalldesktop} {
|
||||
padding: 4rem;
|
||||
padding: $v-unit-1;
|
||||
}
|
||||
ul {
|
||||
margin-block-start: 0;
|
||||
@@ -481,8 +482,8 @@ $desktop-bottom-margin-double: 4rem;
|
||||
display: none;
|
||||
|
||||
position: fixed;
|
||||
right: calc(#{$desktop-home-margin}* 2);
|
||||
top: calc(#{$desktop-top-margin}/ 2);
|
||||
right: calc(#{$h-unit-2}* 2);
|
||||
top: calc(#{$v-unit-1}/ 2);
|
||||
z-index: 1000;
|
||||
@media #{$smalldesktop} {
|
||||
display: block;
|
||||
@@ -495,7 +496,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
display: inline;
|
||||
a {
|
||||
span {
|
||||
height: calc(#{$desktop-top-margin}/ 2);
|
||||
height: calc(#{$v-unit-1}/ 2);
|
||||
position: absolute;
|
||||
// width: 20px;
|
||||
left: 0;
|
||||
@@ -529,7 +530,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
@include home-metadata();
|
||||
z-index: 1;
|
||||
&::after {
|
||||
@include trianglecorner(topleft, 5rem);
|
||||
@include trianglecorner(topleft, $h-unit-1);
|
||||
}
|
||||
}
|
||||
} //article end
|
||||
@@ -537,8 +538,8 @@ $desktop-bottom-margin-double: 4rem;
|
||||
/* -------------------------------- load more ------------------------------- */
|
||||
.misha_loadmore {
|
||||
@media #{$smalldesktop} {
|
||||
width: $desktop-home-margin;
|
||||
margin-right: $desktop-home-margin;
|
||||
width: $h-unit-2;
|
||||
margin-right: $h-unit-2;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -567,9 +568,10 @@ $desktop-bottom-margin-double: 4rem;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* HOMEPAGE */
|
||||
/* ARCHIVE AND HOMEPAGE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
.archive,
|
||||
.home {
|
||||
@media #{$smalldesktop} {
|
||||
overflow-y: hidden;
|
||||
@@ -589,25 +591,25 @@ $desktop-bottom-margin-double: 4rem;
|
||||
display: block;
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
width: $desktop-home-margin;
|
||||
width: $h-unit-2;
|
||||
flex: 1 0 auto !important;
|
||||
top: 0;
|
||||
}
|
||||
&.header-scroll-left {
|
||||
left: $desktop-home-margin;
|
||||
left: $h-unit-2;
|
||||
button {
|
||||
cursor: url("../img/arrow-black-left.png"), w-resize;
|
||||
}
|
||||
}
|
||||
&.header-scroll-right {
|
||||
right: $desktop-home-margin;
|
||||
right: $h-unit-2;
|
||||
button {
|
||||
cursor: url("../img/arrow-black-right.png"), e-resize;
|
||||
}
|
||||
}
|
||||
button {
|
||||
height: 100vh;
|
||||
width: $desktop-home-margin;
|
||||
width: $h-unit-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -676,16 +678,16 @@ $desktop-bottom-margin-double: 4rem;
|
||||
|
||||
article {
|
||||
position: relative;
|
||||
width: calc(100vw - (#{$desktop-home-margin} * 3));
|
||||
width: calc(100vw - (#{$h-unit-2} * 3));
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-left: $desktop-home-margin;
|
||||
padding-top: $desktop-top-margin;
|
||||
margin-left: $h-unit-2;
|
||||
padding-top: $v-unit-1;
|
||||
border-right: #000 1px solid;
|
||||
|
||||
/* -------------------------------- thumbnail and title ------------------------------- */
|
||||
.thumbnailwrapper {
|
||||
height: calc(100% - #{$desktop-top-margin});
|
||||
height: calc(100% - #{$v-unit-1});
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
@@ -709,70 +711,76 @@ $desktop-bottom-margin-double: 4rem;
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
height: #{$desktop-home-margin};
|
||||
height: #{$h-unit-2};
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 0;
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
@include triangle-corner-bordered(#{$desktop-bottom-margin-double}, 0, transparent);
|
||||
|
||||
align-items: center;
|
||||
@include triangle-corner-bordered(#{$v-unit-1}, 0, transparent);
|
||||
@include home-metadata-big();
|
||||
& > div {
|
||||
width: 30%;
|
||||
padding-top: #{$desktop-bottom-margin};
|
||||
}
|
||||
|
||||
@media #{$mobile-landscape} {
|
||||
height: calc(#{$desktop-home-margin} / 2);
|
||||
height: calc(#{$h-unit-2} / 2);
|
||||
}
|
||||
.categories {
|
||||
display: none;
|
||||
// display: none;
|
||||
|
||||
display: block;
|
||||
border-right: #000 solid 1px;
|
||||
// border-right: #000 solid 1px;
|
||||
}
|
||||
|
||||
.bevezeto,
|
||||
.alcim {
|
||||
display: none;
|
||||
}
|
||||
} //metadata end
|
||||
|
||||
/* ------------------------- home article big hover ------------------------- */
|
||||
&.hovered {
|
||||
width: calc(100vw - (#{$desktop-home-margin} * 2));
|
||||
h2>a{
|
||||
width: calc(100vw - (#{$h-unit-2} * 2));
|
||||
h2 > a {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.home-wrapper-1 {
|
||||
&.home-wrapper-1 {
|
||||
article {
|
||||
a.thumbnailwrapper {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
.home-wrapper-2 {
|
||||
&.home-wrapper-2 {
|
||||
article {
|
||||
border-left: #000 1px solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
} //smalldesktop end
|
||||
|
||||
/* ----------------------- home article desktop small ----------------------- */
|
||||
/* ----------------------- articles desktop small ----------------------- */
|
||||
|
||||
@media #{$smalldesktop} {
|
||||
.home-wrapper-small {
|
||||
width: calc(100vw - (#{$desktop-home-margin} * 3));
|
||||
height: calc((100vw - (#{$desktop-home-margin} * 3)) / 3 * 2);
|
||||
width: calc(100vw - (#{$h-unit-2} * 3));
|
||||
height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin: auto 0;
|
||||
&:nth-child(3) {
|
||||
margin-left: $desktop-home-margin;
|
||||
&.home-wrapper-s1 {
|
||||
margin-left: $h-unit-2 !important;
|
||||
}
|
||||
|
||||
article {
|
||||
article,
|
||||
.archivetitle,
|
||||
.archivedescription {
|
||||
flex: 0 0 calc(100% / 3);
|
||||
height: 50%;
|
||||
position: relative;
|
||||
@@ -801,7 +809,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
padding: 0;
|
||||
justify-content: flex-end;
|
||||
align-items: stretch;
|
||||
@include triangle-corner-bordered(#{$desktop-bottom-margin-double}, 0, transparent);
|
||||
@include triangle-corner-bordered(#{$v-unit-1}, 0, transparent);
|
||||
display: none;
|
||||
&.vis {
|
||||
display: flex;
|
||||
@@ -825,6 +833,42 @@ $desktop-bottom-margin-double: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.archivetitle {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: 2rem;
|
||||
border-right: #000 1px solid;
|
||||
@include home-title();
|
||||
@include triangle-corner-bordered($h-unit-1, 0, transparent);
|
||||
&.tag{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
.archivedescription {
|
||||
order: 1;
|
||||
border-top: #000 1px solid;
|
||||
border-right: #000 1px solid;
|
||||
border-bottom: #000 1px solid;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: 2rem;
|
||||
p{
|
||||
margin: 0;
|
||||
@include archive-tag-description();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} //section end
|
||||
@@ -860,7 +904,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
|
||||
@media #{$smalldesktop} {
|
||||
margin-top: 100vh;
|
||||
margin-left: calc(#{$desktop-home-margin-half});
|
||||
margin-left: calc(#{$h-unit-1});
|
||||
background-color: #fff;
|
||||
border-left: #000 solid 1px;
|
||||
//border-top: #000 solid 1px;
|
||||
@@ -870,7 +914,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
padding: $padd;
|
||||
margin: 0;
|
||||
@media #{$smalldesktop} {
|
||||
padding: $padd $desktop-home-margin-half;
|
||||
padding: $padd $h-unit-1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -880,7 +924,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: calc(-#{$desktop-home-margin-half});
|
||||
left: calc(-#{$h-unit-1});
|
||||
z-index: -1;
|
||||
bottom: 0;
|
||||
}
|
||||
@@ -917,9 +961,9 @@ $desktop-bottom-margin-double: 4rem;
|
||||
}
|
||||
|
||||
.metadata {
|
||||
width: calc(100vw - 5rem) !important;
|
||||
width: calc(100vw - #{$h-unit-1}) !important;
|
||||
bottom: unset !important;
|
||||
height: 5rem;
|
||||
height: $h-unit-1;
|
||||
position: relative;
|
||||
align-self: flex-end;
|
||||
display: flex;
|
||||
@@ -927,13 +971,13 @@ $desktop-bottom-margin-double: 4rem;
|
||||
justify-content: space-between;
|
||||
@include single-metadata();
|
||||
@media #{$smalldesktop} {
|
||||
top: -5rem;
|
||||
top: -#{$h-unit-1};
|
||||
background-color: #fff;
|
||||
margin-left: $desktop-home-margin-half;
|
||||
margin-left: $h-unit-1;
|
||||
padding-left: 0;
|
||||
|
||||
width: calc(100% - #{$desktop-home-margin-half}) !important;
|
||||
@include triangle-corner-bordered(#{$desktop-home-margin-half}, 5rem, white);
|
||||
width: calc(100% - #{$h-unit-1}) !important;
|
||||
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white);
|
||||
}
|
||||
.time-cat {
|
||||
z-index: 10;
|
||||
@@ -951,7 +995,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: $desktop-home-margin;
|
||||
padding: $h-unit-2;
|
||||
background-color: transparent;
|
||||
z-index: -1;
|
||||
}
|
||||
@@ -1002,7 +1046,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
.wp-block-image {
|
||||
padding: $padd 0;
|
||||
@media #{$smalldesktop} {
|
||||
padding: $padd $desktop-home-margin-half;
|
||||
padding: $padd $h-unit-1;
|
||||
}
|
||||
figure {
|
||||
position: relative;
|
||||
@@ -1010,7 +1054,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
bottom: 0 !important;
|
||||
|
||||
&::after {
|
||||
@include trianglecorner(topright, 5rem);
|
||||
@include trianglecorner(topright, #{$h-unit-1});
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1021,8 +1065,8 @@ $desktop-bottom-margin-double: 4rem;
|
||||
.wp-block-gallery .blocks-gallery-item figcaption {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
width: calc(100% - 5rem);
|
||||
height: 5rem;
|
||||
width: calc(100% - #{$h-unit-1});
|
||||
height: $h-unit-1;
|
||||
padding: 1rem $padd;
|
||||
margin: 0;
|
||||
bottom: unset;
|
||||
@@ -1041,13 +1085,13 @@ $desktop-bottom-margin-double: 4rem;
|
||||
li {
|
||||
margin-right: 0;
|
||||
&:nth-child(odd) figcaption::after {
|
||||
@include trianglecorner(topright, 5rem);
|
||||
@include trianglecorner(topright, #{$h-unit-1});
|
||||
}
|
||||
&:nth-child(even) figcaption {
|
||||
right: 0;
|
||||
top: 0;
|
||||
&::after {
|
||||
@include trianglecorner(bottomleft, 5rem);
|
||||
@include trianglecorner(bottomleft, #{$h-unit-1});
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1086,7 +1130,7 @@ $desktop-bottom-margin-double: 4rem;
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
&.home-big.hovered{
|
||||
&.home-big.hovered {
|
||||
background-color: $color !important;
|
||||
}
|
||||
&.home-small {
|
||||
|
||||
BIN
screenshot.png
BIN
screenshot.png
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 6.4 KiB |
@@ -8,7 +8,7 @@
|
||||
|
||||
<?php get_template_part('loop'); ?>
|
||||
|
||||
<?php get_template_part('pagination'); ?>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
|
||||
15
sidebar.php
15
sidebar.php
@@ -1,15 +0,0 @@
|
||||
<!-- sidebar -->
|
||||
<aside class="sidebar" role="complementary">
|
||||
|
||||
<?php get_template_part('searchform'); ?>
|
||||
|
||||
<div class="sidebar-widget">
|
||||
<?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-1')) ?>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-widget">
|
||||
<?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-2')) ?>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
<!-- /sidebar -->
|
||||
19
tag.php
19
tag.php
@@ -1,19 +0,0 @@
|
||||
<?php get_header(); ?>
|
||||
|
||||
|
||||
<!-- section -->
|
||||
<section>
|
||||
|
||||
<h1><?php _e( 'Tag Archive: ', 'dis2019' ); echo single_tag_title('', false); ?></h1>
|
||||
|
||||
<?php get_template_part('loop'); ?>
|
||||
|
||||
<?php get_template_part('pagination'); ?>
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<?php get_footer(); ?>
|
||||
@@ -1,45 +0,0 @@
|
||||
<?php /* Template Name: Demo Page Template */ get_header(); ?>
|
||||
|
||||
|
||||
<!-- section -->
|
||||
<section>
|
||||
|
||||
<h1><?php the_title(); ?></h1>
|
||||
|
||||
<?php if (have_posts()): while (have_posts()) : the_post(); ?>
|
||||
|
||||
<!-- article -->
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
|
||||
<?php the_content(); ?>
|
||||
|
||||
<?php comments_template( '', true ); // Remove if you don't want comments ?>
|
||||
|
||||
<br class="clear">
|
||||
|
||||
<?php edit_post_link(); ?>
|
||||
|
||||
</article>
|
||||
<!-- /article -->
|
||||
|
||||
<?php endwhile; ?>
|
||||
|
||||
<?php else: ?>
|
||||
|
||||
<!-- article -->
|
||||
<article>
|
||||
|
||||
<h2><?php _e( 'Sorry, nothing to display.', 'dis2019' ); ?></h2>
|
||||
|
||||
</article>
|
||||
<!-- /article -->
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</section>
|
||||
<!-- /section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<?php get_footer(); ?>
|
||||
Reference in New Issue
Block a user