diff --git a/.vscode/globalsnippets.code-snippets b/.vscode/globalsnippets.code-snippets
index b9334c4..f2cb1a5 100644
--- a/.vscode/globalsnippets.code-snippets
+++ b/.vscode/globalsnippets.code-snippets
@@ -46,6 +46,18 @@
""
],
"description": "HTML: div start and end"
+ },
+
+
+ "php": {
+ "scope":"html,php",
+ "prefix": "php",
+ "body": [
+ ""
+ ],
+ "description": "HTML: div start and end"
}
diff --git a/CHANGELOG.md b/CHANGELOG.md
deleted file mode 100644
index fff526a..0000000
--- a/CHANGELOG.md
+++ /dev/null
@@ -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
diff --git a/_jegyzet.md b/_jegyzet.md
index 73c7a73..c89b77c 100644
--- a/_jegyzet.md
+++ b/_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:
diff --git a/archive.php b/archive.php
index 56e07c4..cad9129 100644
--- a/archive.php
+++ b/archive.php
@@ -1,19 +1,47 @@
-
+
+
-
-
+
-
-
+
+
+
+ ';
+ echo tag_description();
+ echo "";
+ }
+ ?>
-
+
+
+
+
+
+
-
-
+
+
diff --git a/author.php b/author.php
deleted file mode 100644
index 7618c88..0000000
--- a/author.php
+++ /dev/null
@@ -1,77 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/category-esemeny.php b/category-esemeny.php
index 610d829..44a709a 100644
--- a/category-esemeny.php
+++ b/category-esemeny.php
@@ -54,7 +54,7 @@
-
+
diff --git a/category.php b/category.php
deleted file mode 100644
index b898622..0000000
--- a/category.php
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/comments.php b/comments.php
deleted file mode 100644
index 5e5b870..0000000
--- a/comments.php
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/css/base.css b/css/base.css
index b9bbc20..ce6e77b 100644
--- a/css/base.css
+++ b/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 {
- justify-content: flex-end; }
- .home main section .home-wrapper-2 article {
- border-left: #000 1px solid; } }
+ .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; }
+ .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);
diff --git a/normalize.css b/css/normalize.css
similarity index 100%
rename from normalize.css
rename to css/normalize.css
diff --git a/normalize.min.css b/css/normalize.min.css
similarity index 100%
rename from normalize.min.css
rename to css/normalize.min.css
diff --git a/functions.php b/functions.php
index 9ab29f7..e115abf 100644
--- a/functions.php
+++ b/functions.php
@@ -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;
}
diff --git a/js/scripts.js b/js/scripts.js
index bc3720f..6fc7545 100644
--- a/js/scripts.js
+++ b/js/scripts.js
@@ -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,39 +145,65 @@
}
-
/* -------------------------------------------------------------------------- */
- /* HOME */
+ /* HOME & ARCHIVES */
/* -------------------------------------------------------------------------- */
/* ----------------------------------- css ---------------------------------- */
- var articleWrapCounter = 0
- if (isHome & !isMobile) {
- $('html').css({ overflowY: "hidden" })
+ if (!isMobile) {
+ if (isHome || isArchive) {
+ $('html').css({ overflowY: "hidden" })
+
+ $('#content>*:not(.misha_loadmore)').addClass("hbox")
+ var wrapArticles = $(".hbox").length
+
+ //wrapping for big-small difference
+ if (isHome) {
+ $('.hbox:first-child').wrap('').addClass("home-big")
+ $('.hbox:nth-child(2)').wrap('').addClass("home-big")
+ wrapArticles = $(".hbox").length - 2
- //wrapping for big-small difference
- $('article:first-child').wrap('').addClass("home-big")
- $('article:nth-child(2)').wrap('').addClass("home-big")
- var wrapArticles = $("article").length - 2
- var articleWrapCounter = 0
- for (let i = 0; i < wrapArticles; i++) {
- var j = i + 3
- if (i % 6 == 0) {
- articleWrapCounter++
}
- $('article:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter)
- }
- for (let i = 0; i < articleWrapCounter; i++) {
- var j = i + 3
- var k = i + 1
- $(".home-thumbnail-small-" + k).wrapAll('')
+
+
+ //add classes to articles and elements
+ var articleWrapCounter = 0
+ for (let i = 0; i < wrapArticles; i++) {
+ var j = i + 1
+
+ if (isHome) {
+ j = i + 3
+ }
+
+
+ if (i % 6 == 0) {
+ 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 + 1
+ if (isHome) {
+ j = i + 3
+ }
+ var k = i + 1
+ $(".home-thumbnail-small-" + k).wrapAll('')
+ if (i == 0) {
+ $(".home-wrapper-" + j).addClass("home-wrapper-s1")
+ }
+ }
}
}
-
//returns three random numebers 0-5
function randomNumbers() {
// All numbers are equal
@@ -206,14 +242,18 @@
$(this).addRandomClasses()
})
+
/* ----------------------------- Snap on mobile ----------------------------- */
- if (isHome & isMobile) {
- $("article.post").SnapScroll({
- animateDuration: 400
- });
+ if (isMobile) {
+ if (isHome || isArchive) {
+ $("article.post").SnapScroll({
+ animateDuration: 400
+ });
+ }
}
+
/* --------------------------------- To top --------------------------------- */
$(".totop>a").click(function (e) {
@@ -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,33 +318,37 @@
var currElem = $(selector + ':first-child')
//checking the current scroll location for refresh:
- if (isHome & !isMobile) {
- 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"))
+ 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 (scrolltimer) {
- return false;
- }
- scrolltimer = true;
- setTimeout(() => {
- scrolltimer = false;
- }, 500);
+ if (!isMobile) {
+ if (isHome || !isMobile) {
+ if (scrolltimer) {
+ return false;
+ }
+ scrolltimer = true;
+ setTimeout(() => {
+ scrolltimer = false;
+ }, 500);
- var wd = extractDelta(e)
+ var wd = extractDelta(e)
- if (wd > 0) {
- currElem = homeScroll(currElem, "prev")
- }
- else {
- currElem = homeScroll(currElem, "next")
+ if (wd > 0) {
+ currElem = homeScroll(currElem, "prev")
+ }
+ else {
+ currElem = homeScroll(currElem, "next")
+ }
}
}
});
@@ -347,7 +391,7 @@
var noMoreAjax = false
- function loadmore(element){
+ function loadmore(element) {
if (noMoreAjax) {
console.log("no more ajax")
return false
@@ -360,13 +404,13 @@
'page': misha_loadmore_params.current_page
};
button.trigger("moreload-start")
-
+
$.ajax({ // you can also use $.post here
url: misha_loadmore_params.ajaxurl, // AJAX handler
data: data,
type: 'POST',
beforeSend: function (xhr) {
-
+
button.html('Betöltés...
'); // change the button text, you can also add a preloader image
},
success: function (data) {
@@ -381,10 +425,10 @@
misha_loadmore_params.current_page++;
button.trigger("moreload-finish")
console.log(data.length)
-
+
// you can also fire the "post-load" event here if you use a plugin that requires it
// $( document.body ).trigger( 'post-load' );
-
+
} else {
button.children().remove(); // if no data, remove the button as well
noMoreAjax = true
@@ -397,20 +441,20 @@
/* ------------------------------ 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")
//change bg
// $(this).parents('article').animate({})
//animate metadata
-
+
//show excerpt
}, function () {
let cc = $(this)
//width back to normal
cc.parents("article").removeClass("hovered")
-
+
})
diff --git a/loop.php b/loop.php
index 5935940..a56c14b 100644
--- a/loop.php
+++ b/loop.php
@@ -31,13 +31,35 @@
}
}?>
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/page.php b/page.php
index 2524623..0f01c84 100644
--- a/page.php
+++ b/page.php
@@ -13,8 +13,6 @@
-
-
diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss
index c588090..bba324b 100644
--- a/sass/_font-mixins.scss
+++ b/sass/_font-mixins.scss
@@ -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;
diff --git a/sass/base.scss b/sass/base.scss
index a3c13e5..f62020e 100644
--- a/sass/base.scss
+++ b/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 {
- article {
- a.thumbnailwrapper {
- justify-content: flex-end;
+ &.home-wrapper-1 {
+ article {
+ a.thumbnailwrapper {
+ justify-content: flex-end;
+ }
}
}
- }
- .home-wrapper-2 {
- article {
- border-left: #000 1px solid;
+ &.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 {
diff --git a/screenshot.png b/screenshot.png
index 4c9b7cf..452983a 100644
Binary files a/screenshot.png and b/screenshot.png differ
diff --git a/search.php b/search.php
index 0553e29..324ac17 100644
--- a/search.php
+++ b/search.php
@@ -8,7 +8,7 @@
-
+
diff --git a/sidebar.php b/sidebar.php
deleted file mode 100644
index b15339d..0000000
--- a/sidebar.php
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
diff --git a/tag.php b/tag.php
deleted file mode 100644
index e32fa6b..0000000
--- a/tag.php
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/template-demo.php b/template-demo.php
deleted file mode 100644
index c59d0d4..0000000
--- a/template-demo.php
+++ /dev/null
@@ -1,45 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-