infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

work on sthome and archive pages, template cleanup

Browse Source
This commit is contained in:
Péter Gyetvai
2019-06-10 23:34:56 +02:00
parent 027ad5511c
commit 1f4a97ca1a
22 changed files with 537 additions and 664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.vscode/globalsnippets.code-snippets vendored
View File

@@ -46,6 +46,18 @@
"</div>" "</div>"
], ],
"description": "HTML: div start and end" "description": "HTML: div start and end"
},
"php": {
"scope":"html,php",
"prefix": "php",
"body": [
"<?php",
"$0",
"?>"
],
"description": "HTML: div start and end"
} }

258
CHANGELOG.md
View File

@@ -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 &lt;head&gt; 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 &lt;head&gt;
* Moved favicon.ico to 'img/icons'
* Moved new apple touch icon to 'img/icons'
* Remove Conditionizr default &lt;head&gt; setup and add config URL (cleaner code from install) please see [conditionizr](http://conditionizr.com/docs.html) for configuration
* Reordered some meta, links in &lt;head&gt; 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 &lt;button&gt;
* 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 &lt;head&gt;, 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 &lt;/body&gt; tag is best practice and not seen often in WordPress sites
* Lowercase &lt;!doctype html&gt; 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 &lt;head&gt; and &lt;body&gt; elements for better code readability
* Add X-UA-Compatible meta tag to &lt;head&gt; to force Chrome Frame/latest document mode in IE (edge)
* Format the &lt;head&gt; 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 &lt;aside&gt; 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 &lt;input&gt; has been replaced to a &lt;button&gt; 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
View File

@@ -10,30 +10,12 @@ npm install gulp-cli -g
nvm install dev nvm install dev
``` ```
# Kérdések # Kérdések
## Általános ## Á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? 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 ## single
ha hosszú a cím, akkor mi legyen? kevesbb látszon a cikkből? Lásd I O cikk 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 # 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: ## asztali single:
Követtem a mobilos analógiát: fent nincs szerző, csak lent, felül a kategóriák vannak 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? Egyedi esemény oldal van, vagy az csak egy link lista?
# Megbeszélés 2019.05.30. # Megbeszélés 2019.05.30.
@@ -69,8 +38,8 @@ Kezdőlap:
~egér változzon lapozósra~ ~egér változzon lapozósra~
~két nagy, utána kicsi rácsban~ ~két nagy, utána kicsi rácsban~
Nincs gradiens ~Nincs gradiens~
Hover csak a címen ~Hover csak a címen~
Nyíl, csak az első cikken Nyíl, csak az első cikken
~cursor módosítás tekerésre~ ~cursor módosítás tekerésre~
Kis ikonok hover: Kis ikonok hover:

40
archive.php
View File

@@ -1,14 +1,42 @@
<?php get_header(); ?> <?php get_header();?>
<!-- section --> <!-- 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>
<!-- /section --> <!-- /section -->
@@ -16,4 +44,4 @@
<?php get_footer(); ?> <?php get_footer();?>

77
author.php
View File

@@ -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(); ?>

2
category-esemeny.php
View File

@@ -54,7 +54,7 @@
<?php endif;?> <?php endif;?>
<?php get_template_part('pagination');?>
</section> </section>
<!-- /section --> <!-- /section -->

19
category.php
View File

@@ -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
View File

@@ -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
View File

@@ -447,6 +447,9 @@ object {
font: bold 1rem "Westeinde Caption"; font: bold 1rem "Westeinde Caption";
color: #000; color: #000;
z-index: 1; } z-index: 1; }
@media (min-width: 769px) {
.wrapper main section article .metadata {
font-size: 1.2rem; } }
.wrapper main section article .metadata::after { .wrapper main section article .metadata::after {
content: ""; content: "";
display: block; display: block;
@@ -501,19 +504,23 @@ object {
display: none !important; } display: none !important; }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* HOMEPAGE */ /* ARCHIVE AND HOMEPAGE */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@media (min-width: 769px) { @media (min-width: 769px) {
.archive,
.home { .home {
overflow-y: hidden; } } overflow-y: hidden; } }
.archive .wrapper,
.home .wrapper { .home .wrapper {
/* ----------------------------- header on home ----------------------------- */ } /* ----------------------------- header on home ----------------------------- */ }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive .wrapper,
.home .wrapper { .home .wrapper {
overflow-y: hidden; overflow-y: hidden;
width: fit-content; } } width: fit-content; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive .wrapper .header .header-scroll,
.home .wrapper .header .header-scroll { .home .wrapper .header .header-scroll {
display: block; display: block;
position: fixed; position: fixed;
@@ -521,65 +528,82 @@ object {
width: 10rem; width: 10rem;
flex: 1 0 auto !important; flex: 1 0 auto !important;
top: 0; } } top: 0; } }
.archive .wrapper .header .header-scroll.header-scroll-left,
.home .wrapper .header .header-scroll.header-scroll-left { .home .wrapper .header .header-scroll.header-scroll-left {
left: 10rem; } left: 10rem; }
.archive .wrapper .header .header-scroll.header-scroll-left button,
.home .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; } 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 { .home .wrapper .header .header-scroll.header-scroll-right {
right: 10rem; } right: 10rem; }
.archive .wrapper .header .header-scroll.header-scroll-right button,
.home .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; } cursor: url("../img/arrow-black-right.png"), e-resize; }
.archive .wrapper .header .header-scroll button,
.home .wrapper .header .header-scroll button { .home .wrapper .header .header-scroll button {
height: 100vh; height: 100vh;
width: 10rem; } width: 10rem; }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main,
.home main { .home main {
height: 100vh; height: 100vh;
width: fit-content; width: fit-content;
position: relative; } } position: relative; } }
.archive main section,
.home main section { .home main section {
/* --------------------------- home article mobile/default -------------------------- */ /* --------------------------- home article mobile/default -------------------------- */
/* ------------------------ home article desktop big ------------------------ */ /* ------------------------ home article desktop big ------------------------ */
/* ----------------------- home article desktop small ----------------------- */ } /* ----------------------- articles desktop small ----------------------- */ }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section,
.home main section { .home main section {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 0; margin: 0;
height: 100vh; height: 100vh;
width: fit-content; } } width: fit-content; } }
.archive main section article,
.home main section article { .home main section article {
height: 100vh; } height: 100vh; }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section article > a,
.home main section article > a { .home main section article > a {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
display: inline-block; } display: inline-block; }
.archive main section article .thumbnailwrapper img.attachment-home-thumbnail,
.home main section article .thumbnailwrapper img.attachment-home-thumbnail { .home main section article .thumbnailwrapper img.attachment-home-thumbnail {
height: 50vh; height: 50vh;
width: 100vw; width: 100vw;
object-fit: cover; } object-fit: cover; }
.archive main section article h2,
.home main section article h2 { .home main section article h2 {
width: 100%; width: 100%;
height: 50vh; height: 50vh;
padding: 2rem; padding: 2rem;
padding-top: 3rem; padding-top: 3rem;
margin: 0; } margin: 0; }
.archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a {
font: bold 3rem "Westeinde Caption"; font: bold 3rem "Westeinde Caption";
color: #000; } } color: #000; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a {
font-size: 2.5rem !important; } } font-size: 2.5rem !important; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a {
font-size: 5rem; } } font-size: 5rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-big,
.home main section .home-wrapper-big { .home main section .home-wrapper-big {
flex: 0 0 auto; } flex: 0 0 auto; }
.archive main section .home-wrapper-big article,
.home main section .home-wrapper-big article { .home main section .home-wrapper-big article {
position: relative; position: relative;
width: calc(100vw - (10rem * 3)); width: calc(100vw - (10rem * 3));
@@ -591,21 +615,25 @@ object {
/* -------------------------------- thumbnail and title ------------------------------- */ /* -------------------------------- thumbnail and title ------------------------------- */
/* -------------------------- home article metadata big------------------------- */ /* -------------------------- home article metadata big------------------------- */
/* ------------------------- home article big hover ------------------------- */ } /* ------------------------- home article big hover ------------------------- */ }
.archive main section .home-wrapper-big article .thumbnailwrapper,
.home main section .home-wrapper-big article .thumbnailwrapper { .home main section .home-wrapper-big article .thumbnailwrapper {
height: calc(100% - 4rem); height: calc(100% - 4rem);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
border-top: 1px #000 solid; } 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 { .home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
object-fit: cover; object-fit: cover;
width: 50%; width: 50%;
height: 100%; } height: 100%; }
.archive main section .home-wrapper-big article h2,
.home main section .home-wrapper-big article h2 { .home main section .home-wrapper-big article h2 {
height: unset; height: unset;
position: absolute; position: absolute;
top: 6rem; top: 6rem;
padding: 4rem; } padding: 4rem; }
.archive main section .home-wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata { .home main section .home-wrapper-big article .metadata {
bottom: 0; bottom: 0;
background: transparent; background: transparent;
@@ -615,9 +643,12 @@ object {
flex-direction: row; flex-direction: row;
padding: 0; padding: 0;
justify-content: flex-start; 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 { .home main section .home-wrapper-big article .metadata::after {
position: absolute; position: absolute;
content: "";
display: block;
top: 0; top: 0;
border: none; border: none;
width: calc(100% - 4rem); width: calc(100% - 4rem);
@@ -625,6 +656,7 @@ object {
left: calc(4rem); left: calc(4rem);
background-color: transparent; background-color: transparent;
margin-left: -0; } margin-left: -0; }
.archive main section .home-wrapper-big article .metadata::before,
.home main section .home-wrapper-big article .metadata::before { .home main section .home-wrapper-big article .metadata::before {
display: block; display: block;
content: ""; content: "";
@@ -634,7 +666,6 @@ object {
top: 0; top: 0;
left: -0; left: -0;
border-left: #000 solid 1px; border-left: #000 solid 1px;
border-top: #000 1px solid;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg); -ms-transform: skewX(-45deg);
@@ -642,27 +673,42 @@ object {
transform: skewX(-45deg); transform: skewX(-45deg);
transform-origin: left bottom; transform-origin: left bottom;
background-color: transparent; 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 { .home main section .home-wrapper-big article .metadata > div {
width: 30%; width: 30%; } }
padding-top: 2rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { @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 { .home main section .home-wrapper-big article .metadata {
height: calc(10rem / 2); } } height: calc(10rem / 2); } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata .categories,
.home main section .home-wrapper-big article .metadata .categories { .home main section .home-wrapper-big article .metadata .categories {
display: none; display: block; }
display: block; .archive main section .home-wrapper-big article .metadata .bevezeto,
border-right: #000 solid 1px; } .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 { .home main section .home-wrapper-big article.hovered {
width: calc(100vw - (10rem * 2)); } 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 { .home main section .home-wrapper-big article.hovered h2 > a {
color: #000; } 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; } 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; } } border-left: #000 1px solid; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small,
.home main section .home-wrapper-small { .home main section .home-wrapper-small {
width: calc(100vw - (10rem * 3)); width: calc(100vw - (10rem * 3));
height: calc((100vw - (10rem * 3)) / 3 * 2); height: calc((100vw - (10rem * 3)) / 3 * 2);
@@ -671,20 +717,41 @@ object {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto 0; } margin: auto 0; }
.home main section .home-wrapper-small:nth-child(3) { .archive main section .home-wrapper-small.home-wrapper-s1,
margin-left: 10rem; } .home main section .home-wrapper-small.home-wrapper-s1 {
.home main section .home-wrapper-small article { 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); flex: 0 0 calc(100% / 3);
height: 50%; height: 50%;
position: relative; } 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%; width: 100%;
height: 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%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; } 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%; width: 100%;
height: 20%; height: 20%;
position: absolute; position: absolute;
@@ -697,8 +764,15 @@ object {
justify-content: flex-end; justify-content: flex-end;
align-items: stretch; align-items: stretch;
display: none; } 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; position: absolute;
content: "";
display: block;
top: 0; top: 0;
border: none; border: none;
width: calc(100% - 4rem); width: calc(100% - 4rem);
@@ -706,7 +780,12 @@ object {
left: calc(4rem); left: calc(4rem);
background-color: transparent; background-color: transparent;
margin-left: -0; } 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; display: block;
content: ""; content: "";
position: absolute; position: absolute;
@@ -715,7 +794,6 @@ object {
top: 0; top: 0;
left: -0; left: -0;
border-left: #000 solid 1px; border-left: #000 solid 1px;
border-top: #000 1px solid;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg); -ms-transform: skewX(-45deg);
@@ -724,24 +802,129 @@ object {
transform-origin: left bottom; transform-origin: left bottom;
background-color: transparent; background-color: transparent;
z-index: 9; } 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; } } display: flex; } }
@media (min-width: 769px) and (min-width: 769px) { @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,
.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; font-size: 1.2rem;
-webkit-text-stroke: #000 1px; -webkit-text-stroke: #000 1px;
color: #fff; } } color: #fff; } }
@media (min-width: 769px) { @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; display: none;
position: absolute; position: absolute;
top: 0; top: 0;
background-color: #fff; background-color: #fff;
height: 100%; } 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%; 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 */ /* single */
@@ -835,6 +1018,8 @@ object {
width: calc(100% - 5rem) !important; } width: calc(100% - 5rem) !important; }
.single article .titlewrapper .metadata::after { .single article .titlewrapper .metadata::after {
position: absolute; position: absolute;
content: "";
display: block;
top: 0; top: 0;
border: none; border: none;
width: calc(100% - 5rem + 5rem); width: calc(100% - 5rem + 5rem);
@@ -851,7 +1036,6 @@ object {
top: 0; top: 0;
left: -5rem; left: -5rem;
border-left: #000 solid 1px; border-left: #000 solid 1px;
border-top: #000 1px solid;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg); -ms-transform: skewX(-45deg);

0
normalize.css → css/normalize.css vendored
View File

0
normalize.min.css → css/normalize.min.css vendored
View File

15
functions.php
View File

@@ -137,7 +137,7 @@ function dis2019_conditional_scripts()
// Load dis-2019 styles // Load dis-2019 styles
function dis2019_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_enqueue_style('normalize'); // Enqueue it!
wp_register_style('dis2019', get_template_directory_uri() . '/style.css', array(), '1.0', 'all'); 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... //Before anything else, make sure this is the right query...
if (!$query->is_home()) { if (!$query->is_home() && !$query->is_archive()) {
return; return;
} }
if ($query->is_home()) {
$pposts = 14;
}elseif ($query->is_tag()) {
$pposts = 10;
}else {
$pposts = 11;
}
//set post_per_page if it's homepage //set post_per_page if it's homepage
if (!$query->is_paged) { if (!$query->is_paged) {
$query->set('posts_per_page', 14); $query->set('posts_per_page', $pposts);
} else { } else {
return; return;
} }

78
js/scripts.js
View File

@@ -15,6 +15,8 @@
console.log(vw, wow) console.log(vw, wow)
var isMobile var isMobile
var isHome = false var isHome = false
var isArchive = false
var isEsemeny = false
@@ -31,6 +33,14 @@
isHome = true 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 var desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
@@ -135,38 +145,64 @@
} }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* HOME */ /* HOME & ARCHIVES */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* ----------------------------------- css ---------------------------------- */ /* ----------------------------------- css ---------------------------------- */
var articleWrapCounter = 0
if (isHome & !isMobile) { if (!isMobile) {
if (isHome || isArchive) {
$('html').css({ overflowY: "hidden" }) $('html').css({ overflowY: "hidden" })
$('#content>*:not(.misha_loadmore)').addClass("hbox")
var wrapArticles = $(".hbox").length
//wrapping for big-small difference //wrapping for big-small difference
$('article:first-child').wrap('<div class="home-wrapper-big home-wrapper-1"></div>').addClass("home-big") if (isHome) {
$('article:nth-child(2)').wrap('<div class="home-wrapper-big home-wrapper-2"></div>').addClass("home-big") $('.hbox:first-child').wrap('<div class="home-wrapper-big home-wrapper-1"></div>').addClass("home-big")
var wrapArticles = $("article").length - 2 $('.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 var articleWrapCounter = 0
for (let i = 0; i < wrapArticles; i++) { for (let i = 0; i < wrapArticles; i++) {
var j = i + 3 var j = i + 1
if (isHome) {
j = i + 3
}
if (i % 6 == 0) { if (i % 6 == 0) {
articleWrapCounter++ 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++) { for (let i = 0; i < articleWrapCounter; i++) {
var j = i + 3 var j = i + 1
if (isHome) {
j = i + 3
}
var k = i + 1 var k = i + 1
$(".home-thumbnail-small-" + k).wrapAll('<div class="home-wrapper-small home-wrapper-' + j + '"></div>') $(".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 //returns three random numebers 0-5
function randomNumbers() { function randomNumbers() {
@@ -206,13 +242,17 @@
$(this).addRandomClasses() $(this).addRandomClasses()
}) })
/* ----------------------------- Snap on mobile ----------------------------- */ /* ----------------------------- Snap on mobile ----------------------------- */
if (isHome & isMobile) { if (isMobile) {
if (isHome || isArchive) {
$("article.post").SnapScroll({ $("article.post").SnapScroll({
animateDuration: 400 animateDuration: 400
}); });
} }
}
/* --------------------------------- To top --------------------------------- */ /* --------------------------------- To top --------------------------------- */
@@ -245,7 +285,7 @@
} else { } else {
//from the third wrap modify the offset //from the third wrap modify the offset
var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[2]) var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[2])
if (wNum > 3) { if (wNum > 3 || !isHome) {
offset = offset - desktophomemargin offset = offset - desktophomemargin
} }
} }
@@ -278,18 +318,21 @@
var currElem = $(selector + ':first-child') var currElem = $(selector + ':first-child')
//checking the current scroll location for refresh: //checking the current scroll location for refresh:
if (isHome & !isMobile) { if (!isMobile) {
if (isHome || isArchive) {
var articleWidth = $(selector + ':first-child')[0].getBoundingClientRect().width var articleWidth = $(selector + ':first-child')[0].getBoundingClientRect().width
var currscroll = $('html').scrollLeft() var currscroll = $('html').scrollLeft()
var scrollnr = Math.floor(currscroll / articleWidth) + 1 var scrollnr = Math.floor(currscroll / articleWidth) + 1
currElem = $(selector + ':nth-child(' + scrollnr + ')') currElem = $(selector + ':nth-child(' + scrollnr + ')')
console.log("start location: " + currElem.attr("class")) console.log("start location: " + currElem.attr("class"))
} }
}
var scrolltimer = false; var scrolltimer = false;
$(window).on('wheel DOMMouseScroll', function (e) { $(window).on('wheel DOMMouseScroll', function (e) {
//e.preventDefault(); //e.preventDefault();
if (isHome & !isMobile) { if (!isMobile) {
if (isHome || !isMobile) {
if (scrolltimer) { if (scrolltimer) {
return false; return false;
} }
@@ -307,6 +350,7 @@
currElem = homeScroll(currElem, "next") currElem = homeScroll(currElem, "next")
} }
} }
}
}); });
/* -------------------------- scroll click on home -------------------------- */ /* -------------------------- scroll click on home -------------------------- */
@@ -347,7 +391,7 @@
var noMoreAjax = false var noMoreAjax = false
function loadmore(element){ function loadmore(element) {
if (noMoreAjax) { if (noMoreAjax) {
console.log("no more ajax") console.log("no more ajax")
return false return false
@@ -397,7 +441,7 @@
/* ------------------------------ hover on home ----------------------------- */ /* ------------------------------ hover on home ----------------------------- */
//hover on big articles //hover on big articles
$(".home-big h2>a").hover(function () { $(".home-big h2").hover(function () {
let cc = $(this) let cc = $(this)
//make width more //make width more
cc.parents("article").addClass("hovered") cc.parents("article").addClass("hovered")

26
loop.php
View File

@@ -31,13 +31,35 @@
} }
}?> }?>
</div>
<div class="vr">
</div> </div>
<div class="postedon"> <div class="postedon">
<?php the_time('Y. m. d.');?> <?php the_time('Y. m. d.');?>
</div> </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>
<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 --> <!-- post title -->

2
page.php
View File

@@ -13,8 +13,6 @@
<?php the_content(); ?> <?php the_content(); ?>
<?php comments_template( '', true ); // Remove if you don't want comments ?>
<br class="clear"> <br class="clear">
<?php edit_post_link(); ?> <?php edit_post_link(); ?>

22
sass/_font-mixins.scss
View File

@@ -3,6 +3,7 @@
/* ========================================================================== */ /* ========================================================================== */
@mixin menutext { @mixin menutext {
//text in menu
font: 900 4rem "Westeinde Caption"; font: 900 4rem "Westeinde Caption";
color: #000; color: #000;
-webkit-text-stroke: #fff 1px; -webkit-text-stroke: #fff 1px;
@@ -15,6 +16,7 @@
} }
@mixin home-title { @mixin home-title {
//article titles on home
font: bold 3rem "Westeinde Caption"; font: bold 3rem "Westeinde Caption";
color: #000; color: #000;
@media #{$mobile-landscape} { @media #{$mobile-landscape} {
@@ -26,6 +28,7 @@
} }
@mixin home-more { @mixin home-more {
//loadmore text on home and archives
font: bold 3rem "Westeinde Caption"; font: bold 3rem "Westeinde Caption";
color: #fff; color: #fff;
-webkit-text-stroke: #000 1px; -webkit-text-stroke: #000 1px;
@@ -38,17 +41,34 @@
} }
@mixin home-title-small { @mixin home-title-small {
//small titles on desktop on home and archives
@media #{$smalldesktop} { @media #{$smalldesktop} {
font-size: 1.2rem; font-size: 1.2rem;
-webkit-text-stroke: #000 1px; -webkit-text-stroke: #000 1px;
color: #fff; color: #fff;
}
}
@mixin archive-tag-description{
font: bold 1rem "Butler";
color: #000;
@media #{$smalldesktop} {
font-size: 1.2rem;
} }
} }
@mixin home-metadata { @mixin home-metadata {
font: bold 1rem "Westeinde Caption"; font: bold 1rem "Westeinde Caption";
color: #000; color: #000;
@media #{$smalldesktop} {
font-size: 1.2rem;
}
}
@mixin home-metadata-big {
@media #{$smalldesktop} {
font-size: 2rem;
}
} }
@mixin bedocircle { @mixin bedocircle {
@@ -83,8 +103,8 @@
} }
} }
//képaláírás
@mixin captiontext { @mixin captiontext {
//képaláírás
font: 900 1rem "Westeinde Caption"; font: 900 1rem "Westeinde Caption";
color: #fff; color: #fff;
-webkit-text-stroke-width: 1px; -webkit-text-stroke-width: 1px;

176
sass/base.scss
View File

@@ -97,11 +97,12 @@ $bigdesktop: only screen and
min-width: 1281px min-width: 1281px
); );
$desktop-home-margin: 10rem; // menuwidth on desktop //Horizontal units:
$desktop-home-margin-half: 5rem; $h-unit-2: 10rem; // menuwidth on desktop
$desktop-top-margin: 4rem; $h-unit-1: 5rem;
$desktop-bottom-margin: 2rem;
$desktop-bottom-margin-double: 4rem; //vertical units:
$v-unit-1: 4rem;
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* other mixins */ /* other mixins */
@@ -179,6 +180,8 @@ $desktop-bottom-margin-double: 4rem;
&::after { &::after {
//for border without corner //for border without corner
position: absolute; position: absolute;
content: "";
display: block;
top: 0; top: 0;
border: none; border: none;
@if $left==0 { @if $left==0 {
@@ -202,7 +205,7 @@ $desktop-bottom-margin-double: 4rem;
top: 0; top: 0;
left: -#{$left}; left: -#{$left};
border-left: #000 solid 1px; border-left: #000 solid 1px;
border-top: #000 1px solid; // border-top: #000 1px solid;
@include transform(skewX(-45deg)); @include transform(skewX(-45deg));
transform-origin: left bottom; transform-origin: left bottom;
background-color: $bgcolor; background-color: $bgcolor;
@@ -229,8 +232,6 @@ $desktop-bottom-margin-double: 4rem;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100vw; width: 100vw;
// padding: 2rem;
// background-color: #000;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@@ -251,7 +252,7 @@ $desktop-bottom-margin-double: 4rem;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@media #{$smalldesktop} { @media #{$smalldesktop} {
width: $desktop-home-margin; width: $h-unit-2;
position: fixed; position: fixed;
top: 0; top: 0;
height: 100vh; height: 100vh;
@@ -310,7 +311,7 @@ $desktop-bottom-margin-double: 4rem;
// color: #000; // color: #000;
// fill: currentColor; // fill: currentColor;
filter: invert(100%); //black 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} { @media #{$smalldesktop} {
.header-1 > div, .header-1 > div,
.header-2 > div { .header-2 > div {
flex: 0 0 5rem !important; flex: 0 0 $h-unit-1 !important;
} }
} }
.logo { .logo {
object { object {
height: 5rem; height: $h-unit-1;
} }
} }
.events-link { .events-link {
@@ -442,9 +443,9 @@ $desktop-bottom-margin-double: 4rem;
position: relative; position: relative;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding: 0 4rem; padding: 0 $v-unit-1;
@media #{$smalldesktop} { @media #{$smalldesktop} {
padding: 4rem; padding: $v-unit-1;
} }
ul { ul {
margin-block-start: 0; margin-block-start: 0;
@@ -481,8 +482,8 @@ $desktop-bottom-margin-double: 4rem;
display: none; display: none;
position: fixed; position: fixed;
right: calc(#{$desktop-home-margin}* 2); right: calc(#{$h-unit-2}* 2);
top: calc(#{$desktop-top-margin}/ 2); top: calc(#{$v-unit-1}/ 2);
z-index: 1000; z-index: 1000;
@media #{$smalldesktop} { @media #{$smalldesktop} {
display: block; display: block;
@@ -495,7 +496,7 @@ $desktop-bottom-margin-double: 4rem;
display: inline; display: inline;
a { a {
span { span {
height: calc(#{$desktop-top-margin}/ 2); height: calc(#{$v-unit-1}/ 2);
position: absolute; position: absolute;
// width: 20px; // width: 20px;
left: 0; left: 0;
@@ -529,7 +530,7 @@ $desktop-bottom-margin-double: 4rem;
@include home-metadata(); @include home-metadata();
z-index: 1; z-index: 1;
&::after { &::after {
@include trianglecorner(topleft, 5rem); @include trianglecorner(topleft, $h-unit-1);
} }
} }
} //article end } //article end
@@ -537,8 +538,8 @@ $desktop-bottom-margin-double: 4rem;
/* -------------------------------- load more ------------------------------- */ /* -------------------------------- load more ------------------------------- */
.misha_loadmore { .misha_loadmore {
@media #{$smalldesktop} { @media #{$smalldesktop} {
width: $desktop-home-margin; width: $h-unit-2;
margin-right: $desktop-home-margin; margin-right: $h-unit-2;
align-self: stretch; align-self: stretch;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -567,9 +568,10 @@ $desktop-bottom-margin-double: 4rem;
} }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* HOMEPAGE */ /* ARCHIVE AND HOMEPAGE */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
.archive,
.home { .home {
@media #{$smalldesktop} { @media #{$smalldesktop} {
overflow-y: hidden; overflow-y: hidden;
@@ -589,25 +591,25 @@ $desktop-bottom-margin-double: 4rem;
display: block; display: block;
position: fixed; position: fixed;
height: 100vh; height: 100vh;
width: $desktop-home-margin; width: $h-unit-2;
flex: 1 0 auto !important; flex: 1 0 auto !important;
top: 0; top: 0;
} }
&.header-scroll-left { &.header-scroll-left {
left: $desktop-home-margin; left: $h-unit-2;
button { button {
cursor: url("../img/arrow-black-left.png"), w-resize; cursor: url("../img/arrow-black-left.png"), w-resize;
} }
} }
&.header-scroll-right { &.header-scroll-right {
right: $desktop-home-margin; right: $h-unit-2;
button { button {
cursor: url("../img/arrow-black-right.png"), e-resize; cursor: url("../img/arrow-black-right.png"), e-resize;
} }
} }
button { button {
height: 100vh; height: 100vh;
width: $desktop-home-margin; width: $h-unit-2;
} }
} }
} }
@@ -676,16 +678,16 @@ $desktop-bottom-margin-double: 4rem;
article { article {
position: relative; position: relative;
width: calc(100vw - (#{$desktop-home-margin} * 3)); width: calc(100vw - (#{$h-unit-2} * 3));
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-left: $desktop-home-margin; margin-left: $h-unit-2;
padding-top: $desktop-top-margin; padding-top: $v-unit-1;
border-right: #000 1px solid; border-right: #000 1px solid;
/* -------------------------------- thumbnail and title ------------------------------- */ /* -------------------------------- thumbnail and title ------------------------------- */
.thumbnailwrapper { .thumbnailwrapper {
height: calc(100% - #{$desktop-top-margin}); height: calc(100% - #{$v-unit-1});
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
@@ -709,70 +711,76 @@ $desktop-bottom-margin-double: 4rem;
bottom: 0; bottom: 0;
background: transparent; background: transparent;
width: 100%; width: 100%;
height: #{$desktop-home-margin}; height: #{$h-unit-2};
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 0; padding: 0;
justify-content: flex-start; justify-content: flex-start;
align-items: stretch; align-items: center;
@include triangle-corner-bordered(#{$desktop-bottom-margin-double}, 0, transparent); @include triangle-corner-bordered(#{$v-unit-1}, 0, transparent);
@include home-metadata-big();
& > div { & > div {
width: 30%; width: 30%;
padding-top: #{$desktop-bottom-margin};
} }
@media #{$mobile-landscape} { @media #{$mobile-landscape} {
height: calc(#{$desktop-home-margin} / 2); height: calc(#{$h-unit-2} / 2);
} }
.categories { .categories {
display: none; // display: none;
display: block; display: block;
border-right: #000 solid 1px; // border-right: #000 solid 1px;
}
.bevezeto,
.alcim {
display: none;
} }
} //metadata end } //metadata end
/* ------------------------- home article big hover ------------------------- */ /* ------------------------- home article big hover ------------------------- */
&.hovered { &.hovered {
width: calc(100vw - (#{$desktop-home-margin} * 2)); width: calc(100vw - (#{$h-unit-2} * 2));
h2>a{ h2 > a {
color: #000; color: #000;
} }
} }
} }
} &.home-wrapper-1 {
.home-wrapper-1 {
article { article {
a.thumbnailwrapper { a.thumbnailwrapper {
justify-content: flex-end; justify-content: flex-end;
} }
} }
} }
.home-wrapper-2 { &.home-wrapper-2 {
article { article {
border-left: #000 1px solid; border-left: #000 1px solid;
} }
} }
}
} //smalldesktop end } //smalldesktop end
/* ----------------------- home article desktop small ----------------------- */ /* ----------------------- articles desktop small ----------------------- */
@media #{$smalldesktop} { @media #{$smalldesktop} {
.home-wrapper-small { .home-wrapper-small {
width: calc(100vw - (#{$desktop-home-margin} * 3)); width: calc(100vw - (#{$h-unit-2} * 3));
height: calc((100vw - (#{$desktop-home-margin} * 3)) / 3 * 2); height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto 0; margin: auto 0;
&:nth-child(3) { &.home-wrapper-s1 {
margin-left: $desktop-home-margin; margin-left: $h-unit-2 !important;
} }
article { article,
.archivetitle,
.archivedescription {
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
height: 50%; height: 50%;
position: relative; position: relative;
@@ -801,7 +809,7 @@ $desktop-bottom-margin-double: 4rem;
padding: 0; padding: 0;
justify-content: flex-end; justify-content: flex-end;
align-items: stretch; align-items: stretch;
@include triangle-corner-bordered(#{$desktop-bottom-margin-double}, 0, transparent); @include triangle-corner-bordered(#{$v-unit-1}, 0, transparent);
display: none; display: none;
&.vis { &.vis {
display: flex; 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 } //section end
@@ -860,7 +904,7 @@ $desktop-bottom-margin-double: 4rem;
@media #{$smalldesktop} { @media #{$smalldesktop} {
margin-top: 100vh; margin-top: 100vh;
margin-left: calc(#{$desktop-home-margin-half}); margin-left: calc(#{$h-unit-1});
background-color: #fff; background-color: #fff;
border-left: #000 solid 1px; border-left: #000 solid 1px;
//border-top: #000 solid 1px; //border-top: #000 solid 1px;
@@ -870,7 +914,7 @@ $desktop-bottom-margin-double: 4rem;
padding: $padd; padding: $padd;
margin: 0; margin: 0;
@media #{$smalldesktop} { @media #{$smalldesktop} {
padding: $padd $desktop-home-margin-half; padding: $padd $h-unit-1;
} }
} }
@@ -880,7 +924,7 @@ $desktop-bottom-margin-double: 4rem;
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
left: calc(-#{$desktop-home-margin-half}); left: calc(-#{$h-unit-1});
z-index: -1; z-index: -1;
bottom: 0; bottom: 0;
} }
@@ -917,9 +961,9 @@ $desktop-bottom-margin-double: 4rem;
} }
.metadata { .metadata {
width: calc(100vw - 5rem) !important; width: calc(100vw - #{$h-unit-1}) !important;
bottom: unset !important; bottom: unset !important;
height: 5rem; height: $h-unit-1;
position: relative; position: relative;
align-self: flex-end; align-self: flex-end;
display: flex; display: flex;
@@ -927,13 +971,13 @@ $desktop-bottom-margin-double: 4rem;
justify-content: space-between; justify-content: space-between;
@include single-metadata(); @include single-metadata();
@media #{$smalldesktop} { @media #{$smalldesktop} {
top: -5rem; top: -#{$h-unit-1};
background-color: #fff; background-color: #fff;
margin-left: $desktop-home-margin-half; margin-left: $h-unit-1;
padding-left: 0; padding-left: 0;
width: calc(100% - #{$desktop-home-margin-half}) !important; width: calc(100% - #{$h-unit-1}) !important;
@include triangle-corner-bordered(#{$desktop-home-margin-half}, 5rem, white); @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white);
} }
.time-cat { .time-cat {
z-index: 10; z-index: 10;
@@ -951,7 +995,7 @@ $desktop-bottom-margin-double: 4rem;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: $desktop-home-margin; padding: $h-unit-2;
background-color: transparent; background-color: transparent;
z-index: -1; z-index: -1;
} }
@@ -1002,7 +1046,7 @@ $desktop-bottom-margin-double: 4rem;
.wp-block-image { .wp-block-image {
padding: $padd 0; padding: $padd 0;
@media #{$smalldesktop} { @media #{$smalldesktop} {
padding: $padd $desktop-home-margin-half; padding: $padd $h-unit-1;
} }
figure { figure {
position: relative; position: relative;
@@ -1010,7 +1054,7 @@ $desktop-bottom-margin-double: 4rem;
bottom: 0 !important; bottom: 0 !important;
&::after { &::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 { .wp-block-gallery .blocks-gallery-item figcaption {
background: #fff; background: #fff;
position: absolute; position: absolute;
width: calc(100% - 5rem); width: calc(100% - #{$h-unit-1});
height: 5rem; height: $h-unit-1;
padding: 1rem $padd; padding: 1rem $padd;
margin: 0; margin: 0;
bottom: unset; bottom: unset;
@@ -1041,13 +1085,13 @@ $desktop-bottom-margin-double: 4rem;
li { li {
margin-right: 0; margin-right: 0;
&:nth-child(odd) figcaption::after { &:nth-child(odd) figcaption::after {
@include trianglecorner(topright, 5rem); @include trianglecorner(topright, #{$h-unit-1});
} }
&:nth-child(even) figcaption { &:nth-child(even) figcaption {
right: 0; right: 0;
top: 0; top: 0;
&::after { &::after {
@include trianglecorner(bottomleft, 5rem); @include trianglecorner(bottomleft, #{$h-unit-1});
} }
} }
} }
@@ -1086,7 +1130,7 @@ $desktop-bottom-margin-double: 4rem;
color: $color; color: $color;
} }
} }
&.home-big.hovered{ &.home-big.hovered {
background-color: $color !important; background-color: $color !important;
} }
&.home-small { &.home-small {

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

2
search.php
View File

@@ -8,7 +8,7 @@
<?php get_template_part('loop'); ?> <?php get_template_part('loop'); ?>
<?php get_template_part('pagination'); ?>
</section> </section>
<!-- /section --> <!-- /section -->

15
sidebar.php
View File

@@ -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
View File

@@ -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(); ?>

45
template-demo.php
View File

@@ -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(); ?>