Skip to content

L
Laniakea
Commit a911d4e1 by Simone
Options

fix vari

parent 05162adc
Showing with 459 additions and 73 deletions
laniakea/core/admin/admin-template.php
...@@ -8,7 +8,7 @@ $options = laniakea_tab_options(); ...@@ -8,7 +8,7 @@ $options = laniakea_tab_options();
?> ?>
<div class="wrap" id="laniakea"> <div class="wrap" id="laniakea">
<div class="title"> <div class="title">
<img width="div" height="32" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDk2LjkgOTguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYuOSA5OC45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2MS45YzMuMiw1LjcsNi45LDEwLjksMTIuMywxNC43YzkuMiw2LjYsMTkuMSw4LjYsMjkuOSw0LjVjMy44LTEuNCw2LjYtNCw4LjYtOC40DQoJCWMtMS4yLDAuNC0xLjksMC41LTIuNSwwLjhjLTE1LDYuMi0zMi4yLTItMzcuNS0xNy41Yy01LjYtMTYuNCwxLjQtMzQsMTMuNy00My44YzAuMS0wLjEsMC4zLTAuMSwwLjMtMC4xYy0yLjQsMi45LTUsNS42LTcuMSw4LjcNCgkJYy03LjMsMTAuOC04LjksMjIuMi0yLjksMzQuMmMyLjYsNS4yLDYuNiw4LjksMTIuNSwxMC4yYzAuNiwwLjEsMS4yLDAuMSwxLjgsMC4yYy0yLTIuNi00LjItNS01LjctNy43DQoJCWMtNS42LTEwLjMtMy43LTIzLjEsNC41LTMxLjljMTEuOS0xMi43LDMzLjYtMTUuMiw0OC4zLTUuMmMtMy4yLTEuMS02LTIuNC05LTMuMWMtMTEuNS0zLTIyLjMtMS43LTMxLjUsNi42DQoJCWMtNC42LDQuMS03LjUsOS4xLTcuNSwxNS40YzAsMC45LDAuMiwxLjcsMC4zLDIuOWMwLjUtMC40LDAuNy0wLjUsMC44LTAuNmM3LjMtMTUuNiwyNy43LTIwLjYsNDIuNi05LjENCgkJYzExLjcsOS4xLDE2LjIsMjEsMTQuOSwzNS41Yy0wLjEsMS4xLTAuMiwyLjItMC40LDMuMmMtMC4xLDAuNi0wLjMsMS4xLTAuNiwyLjRjMC01LDAuMy05LjMtMC4xLTEzLjVjLTEtMTMuMy0xMC42LTI0LjQtMjMuNC0yNy4zDQoJCWMtNC4yLTEtOC4yLTAuMy0xMi41LDIuMmMxLjksMC40LDMuMywwLjcsNC43LDFjMTIuNSwzLjEsMjMuMSwxNi40LDE5LjUsMzMuMkM3MSw4NC45LDU3LjEsOTcuMSw0MC42LDk4LjljLTAuMiwwLTAuNSwwLTEuNS0wLjENCgkJYzcuNy0xLjYsMTQuMy00LjEsMTkuNy04LjhjOC43LTcuNSwxMi44LTE2LjgsMTAuNi0yOC40Yy0wLjYtMy4zLTIuMy02LTUuNi04LjJjMS4zLDUuNCwxLDEwLjQtMC45LDE1LjINCgkJYy01LjEsMTIuOS0xNi45LDE5LjYtMzEsMTguMWMtMTUuMi0xLjctMjUuNS0xMC4zLTMyLTI0QzAsNjIuNCwwLDYyLjIsMCw2MS45eiBNNDQuOCw2My4zYy0xLjcsMC4xLTIuOSwxLjEtMi45LDIuOQ0KCQljMCwxLjgsMS4xLDIuOSwyLjksM2MxLjcsMC4xLDMuMy0xLjQsMy4yLTMuMUM0Ny43LDY0LjQsNDYuNyw2My4zLDQ0LjgsNjMuM3ogTTUzLjEsNDMuM2MtMC45LDEuNS0xLjgsMi40LTEuNywzLjENCgkJYzAsMC43LDEuMywxLjksMS43LDEuOGMwLjgtMC4yLDEuOS0xLjEsMi0xLjlDNTUuMiw0NS42LDU0LjIsNDQuOCw1My4xLDQzLjN6IE0zNS42LDQ4LjNjLTEuNC0xLTIuMi0yLTMtMS45DQoJCWMtMC43LDAuMS0xLjcsMS4yLTEuOCwyYy0wLjEsMC42LDEuMSwxLjgsMS43LDEuOEMzMy40LDUwLjIsMzQuMiw0OS4zLDM1LjYsNDguM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTMuMSwzLjhjMCwyLTEuOCwzLjctMy45LDMuN2MtMS45LDAtMy43LTEuNy0zLjctMy42Yy0wLjEtMiwxLjgtMy45LDMuNy0zLjlDNTEuMiwwLDUzLjEsMS44LDUzLjEsMy44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zLDg1LjVjMS45LTAuMSwzLjcsMS42LDMuOCwzLjVjMC4xLDItMS42LDMuOS0zLjYsMy45Yy0yLDAtMy43LTEuNS0zLjgtMy41DQoJCUMxMC41LDg3LjUsMTIuMyw4NS42LDE0LjMsODUuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMiwzNS42YzIuMywwLjUsMy41LDEuNiwzLjEsM2MtMC4yLDEtMS43LDEuOC0yLjYsMi43Yy0wLjktMC45LTIuMy0xLjctMi41LTIuOEMtMC4xLDM3LjcsMS4zLDM2LjYsMiwzNS42eiINCgkJLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTQuOSw1NC4zYzAuNywxLDEuOCwxLjksMiwyLjljMC4zLDEuNi0wLjgsMi45LTIuNSwyLjZjLTEtMC4yLTIuNC0xLjUtMi41LTIuNGMtMC4xLTEsMS4xLTIuMSwxLjgtMy4yDQoJCUM5NC4xLDU0LjMsOTQuNSw1NC4zLDk0LjksNTQuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzcsNzcuNmMwLjcsMSwyLDIsMS44LDIuOGMtMC4yLDEuMS0xLjUsMi41LTIuNSwyLjdjLTEuNCwwLjItMi43LTEtMi40LTIuN2MwLjItMSwxLjItMS45LDEuOS0yLjgNCgkJQzc2LjIsNzcuNiw3Ni42LDc3LjYsNzcsNzcuNnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQuMywyNS44YzAuOSwxLjMsMS45LDIuMSwxLjgsMi43Yy0wLjIsMC44LTEuMywxLjMtMiwxLjljLTAuNi0wLjctMS41LTEuMy0xLjUtMg0KCQlDNzIuNiwyNy43LDczLjUsMjcsNzQuMywyNS44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MC40LDg2LjFjMC43LDEuNCwxLjUsMi4yLDEuNCwyLjljLTAuMSwwLjYtMS4xLDEuMS0xLjcsMS42Yy0wLjYtMC43LTEuNS0xLjMtMS42LTINCgkJQzQ4LjQsODgsNDkuNCw4Ny4zLDUwLjQsODYuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuMiwyMS40YzAuOCwxLjIsMS44LDEuOSwxLjYsMi41Yy0wLjIsMC43LTEuMSwxLjItMS44LDEuOWMtMC41LTAuNi0xLjQtMS4yLTEuNS0xLjkNCgkJQzIxLjUsMjMuMiwyMi40LDIyLjUsMjMuMiwyMS40eiIvPg0KPC9nPg0KPC9zdmc+DQo=" /> <img alt="" width="div" height="32" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDk2LjkgOTguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYuOSA5OC45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw2MS45YzMuMiw1LjcsNi45LDEwLjksMTIuMywxNC43YzkuMiw2LjYsMTkuMSw4LjYsMjkuOSw0LjVjMy44LTEuNCw2LjYtNCw4LjYtOC40DQoJCWMtMS4yLDAuNC0xLjksMC41LTIuNSwwLjhjLTE1LDYuMi0zMi4yLTItMzcuNS0xNy41Yy01LjYtMTYuNCwxLjQtMzQsMTMuNy00My44YzAuMS0wLjEsMC4zLTAuMSwwLjMtMC4xYy0yLjQsMi45LTUsNS42LTcuMSw4LjcNCgkJYy03LjMsMTAuOC04LjksMjIuMi0yLjksMzQuMmMyLjYsNS4yLDYuNiw4LjksMTIuNSwxMC4yYzAuNiwwLjEsMS4yLDAuMSwxLjgsMC4yYy0yLTIuNi00LjItNS01LjctNy43DQoJCWMtNS42LTEwLjMtMy43LTIzLjEsNC41LTMxLjljMTEuOS0xMi43LDMzLjYtMTUuMiw0OC4zLTUuMmMtMy4yLTEuMS02LTIuNC05LTMuMWMtMTEuNS0zLTIyLjMtMS43LTMxLjUsNi42DQoJCWMtNC42LDQuMS03LjUsOS4xLTcuNSwxNS40YzAsMC45LDAuMiwxLjcsMC4zLDIuOWMwLjUtMC40LDAuNy0wLjUsMC44LTAuNmM3LjMtMTUuNiwyNy43LTIwLjYsNDIuNi05LjENCgkJYzExLjcsOS4xLDE2LjIsMjEsMTQuOSwzNS41Yy0wLjEsMS4xLTAuMiwyLjItMC40LDMuMmMtMC4xLDAuNi0wLjMsMS4xLTAuNiwyLjRjMC01LDAuMy05LjMtMC4xLTEzLjVjLTEtMTMuMy0xMC42LTI0LjQtMjMuNC0yNy4zDQoJCWMtNC4yLTEtOC4yLTAuMy0xMi41LDIuMmMxLjksMC40LDMuMywwLjcsNC43LDFjMTIuNSwzLjEsMjMuMSwxNi40LDE5LjUsMzMuMkM3MSw4NC45LDU3LjEsOTcuMSw0MC42LDk4LjljLTAuMiwwLTAuNSwwLTEuNS0wLjENCgkJYzcuNy0xLjYsMTQuMy00LjEsMTkuNy04LjhjOC43LTcuNSwxMi44LTE2LjgsMTAuNi0yOC40Yy0wLjYtMy4zLTIuMy02LTUuNi04LjJjMS4zLDUuNCwxLDEwLjQtMC45LDE1LjINCgkJYy01LjEsMTIuOS0xNi45LDE5LjYtMzEsMTguMWMtMTUuMi0xLjctMjUuNS0xMC4zLTMyLTI0QzAsNjIuNCwwLDYyLjIsMCw2MS45eiBNNDQuOCw2My4zYy0xLjcsMC4xLTIuOSwxLjEtMi45LDIuOQ0KCQljMCwxLjgsMS4xLDIuOSwyLjksM2MxLjcsMC4xLDMuMy0xLjQsMy4yLTMuMUM0Ny43LDY0LjQsNDYuNyw2My4zLDQ0LjgsNjMuM3ogTTUzLjEsNDMuM2MtMC45LDEuNS0xLjgsMi40LTEuNywzLjENCgkJYzAsMC43LDEuMywxLjksMS43LDEuOGMwLjgtMC4yLDEuOS0xLjEsMi0xLjlDNTUuMiw0NS42LDU0LjIsNDQuOCw1My4xLDQzLjN6IE0zNS42LDQ4LjNjLTEuNC0xLTIuMi0yLTMtMS45DQoJCWMtMC43LDAuMS0xLjcsMS4yLTEuOCwyYy0wLjEsMC42LDEuMSwxLjgsMS43LDEuOEMzMy40LDUwLjIsMzQuMiw0OS4zLDM1LjYsNDguM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTMuMSwzLjhjMCwyLTEuOCwzLjctMy45LDMuN2MtMS45LDAtMy43LTEuNy0zLjctMy42Yy0wLjEtMiwxLjgtMy45LDMuNy0zLjlDNTEuMiwwLDUzLjEsMS44LDUzLjEsMy44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC4zLDg1LjVjMS45LTAuMSwzLjcsMS42LDMuOCwzLjVjMC4xLDItMS42LDMuOS0zLjYsMy45Yy0yLDAtMy43LTEuNS0zLjgtMy41DQoJCUMxMC41LDg3LjUsMTIuMyw4NS42LDE0LjMsODUuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMiwzNS42YzIuMywwLjUsMy41LDEuNiwzLjEsM2MtMC4yLDEtMS43LDEuOC0yLjYsMi43Yy0wLjktMC45LTIuMy0xLjctMi41LTIuOEMtMC4xLDM3LjcsMS4zLDM2LjYsMiwzNS42eiINCgkJLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTQuOSw1NC4zYzAuNywxLDEuOCwxLjksMiwyLjljMC4zLDEuNi0wLjgsMi45LTIuNSwyLjZjLTEtMC4yLTIuNC0xLjUtMi41LTIuNGMtMC4xLTEsMS4xLTIuMSwxLjgtMy4yDQoJCUM5NC4xLDU0LjMsOTQuNSw1NC4zLDk0LjksNTQuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzcsNzcuNmMwLjcsMSwyLDIsMS44LDIuOGMtMC4yLDEuMS0xLjUsMi41LTIuNSwyLjdjLTEuNCwwLjItMi43LTEtMi40LTIuN2MwLjItMSwxLjItMS45LDEuOS0yLjgNCgkJQzc2LjIsNzcuNiw3Ni42LDc3LjYsNzcsNzcuNnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzQuMywyNS44YzAuOSwxLjMsMS45LDIuMSwxLjgsMi43Yy0wLjIsMC44LTEuMywxLjMtMiwxLjljLTAuNi0wLjctMS41LTEuMy0xLjUtMg0KCQlDNzIuNiwyNy43LDczLjUsMjcsNzQuMywyNS44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MC40LDg2LjFjMC43LDEuNCwxLjUsMi4yLDEuNCwyLjljLTAuMSwwLjYtMS4xLDEuMS0xLjcsMS42Yy0wLjYtMC43LTEuNS0xLjMtMS42LTINCgkJQzQ4LjQsODgsNDkuNCw4Ny4zLDUwLjQsODYuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuMiwyMS40YzAuOCwxLjIsMS44LDEuOSwxLjYsMi41Yy0wLjIsMC43LTEuMSwxLjItMS44LDEuOWMtMC41LTAuNi0xLjQtMS4yLTEuNS0xLjkNCgkJQzIxLjUsMjMuMiwyMi40LDIyLjUsMjMuMiwyMS40eiIvPg0KPC9nPg0KPC9zdmc+DQo=" />
Laniakea Laniakea
</div> </div>
......
laniakea/core/admin/options/logo.php
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<div class="flex-item"> <div class="flex-item">
<h4>Primario</h4> <h4>Primario</h4>
<div class="image-preview-container mb-1"> <div class="image-preview-container mb-1">
<img id='primary-logo-preview' src='<?php laniakea_get_logo(laniakea_option('primary_logo'), LANIAKEA_THEME_URI . 'logo.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;'> <img id='primary-logo-preview' src='<?php laniakea_get_logo(laniakea_option('primary_logo'), LANIAKEA_THEME_URI . 'logo.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;' alt="">
</div> </div>
<input id="primary-logo-button" type="button" class="button" value="Scegli logo primario" /> <input id="primary-logo-button" type="button" class="button" value="Scegli logo primario" />
<?php laniakea_input('primary_logo', 'hidden', 'primary-logo-input'); ?> <?php laniakea_input('primary_logo', 'hidden', 'primary-logo-input'); ?>
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<div class="flex-item"> <div class="flex-item">
<h4>Invertito</h4> <h4>Invertito</h4>
<div class="image-preview-container mb-1" style="background-color: black;"> <div class="image-preview-container mb-1" style="background-color: black;">
<img id='inverted-logo-preview' src='<?php laniakea_get_logo(laniakea_option('inverted_logo'), LANIAKEA_THEME_URI . 'logo-white.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;'> <img id='inverted-logo-preview' src='<?php laniakea_get_logo(laniakea_option('inverted_logo'), LANIAKEA_THEME_URI . 'logo-white.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;' alt="">
</div> </div>
<input id="inverted-logo-button" type="button" class="button" value="Scegli logo invertito" /> <input id="inverted-logo-button" type="button" class="button" value="Scegli logo invertito" />
<?php laniakea_input('inverted_logo', 'hidden', 'inverted-logo-input'); ?> <?php laniakea_input('inverted_logo', 'hidden', 'inverted-logo-input'); ?>
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<div class="flex-item"> <div class="flex-item">
<h4>Primario</h4> <h4>Primario</h4>
<div class="image-preview-container mb-1"> <div class="image-preview-container mb-1">
<img id='primary-logo-mobile-preview' src='<?php laniakea_get_logo(laniakea_option('primary_logo_mobile'), LANIAKEA_THEME_URI . 'logo.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;'> <img id='primary-logo-mobile-preview' src='<?php laniakea_get_logo(laniakea_option('primary_logo_mobile'), LANIAKEA_THEME_URI . 'logo.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;' alt="">
</div> </div>
<input id="primary-logo-mobile-button" type="button" class="button" value="Scegli logo mobile primario" /> <input id="primary-logo-mobile-button" type="button" class="button" value="Scegli logo mobile primario" />
<?php laniakea_input('primary_logo_mobile', 'hidden', 'primary-logo-mobile-input'); ?> <?php laniakea_input('primary_logo_mobile', 'hidden', 'primary-logo-mobile-input'); ?>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
<div class="flex-item"> <div class="flex-item">
<h4>Invertito</h4> <h4>Invertito</h4>
<div class="image-preview-container mb-1" style="background-color: black;"> <div class="image-preview-container mb-1" style="background-color: black;">
<img id='inverted-logo-mobile-preview' src='<?php laniakea_get_logo(laniakea_option('inverted_logo_mobile'), LANIAKEA_THEME_URI . 'logo-white.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;'> <img id='inverted-logo-mobile-preview' src='<?php laniakea_get_logo(laniakea_option('inverted_logo_mobile'), LANIAKEA_THEME_URI . 'logo-white.png') ?>' width="80" height="80" style='max-height: 100px;width:auto;' alt="">
</div> </div>
<input id="inverted-logo-mobile-button" type="button" class="button" value="Scegli logo mobile invertito" /> <input id="inverted-logo-mobile-button" type="button" class="button" value="Scegli logo mobile invertito" />
<?php laniakea_input('inverted_logo_mobile', 'hidden', 'inverted-logo-mobile-input'); ?> <?php laniakea_input('inverted_logo_mobile', 'hidden', 'inverted-logo-mobile-input'); ?>
......
laniakea/core/assets/js/scripts.js
...@@ -10,6 +10,44 @@ const LaniakeaModule = (function ($) { ...@@ -10,6 +10,44 @@ const LaniakeaModule = (function ($) {
ready(onReady); ready(onReady);
function onReady() { function onReady() {
//LAZY LOADING IMAGES:
var lazyloadImages;
var lazyloadClasses;
if ("IntersectionObserver" in window) {
lazyloadImages = document.querySelectorAll("img");
lazyloadClasses = document.querySelectorAll(".lazyload-row");
const intersectionObserver = new IntersectionObserver((entries) => {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
console.log("entry", entry.target);
let _entry = entry.target;
if (_entry.dataset.src) {
_entry.src = _entry.dataset.src;
}
if (_entry.classList.contains("lazyload-row")) {
_entry.classList.remove("lazyload-row");
}
intersectionObserver.unobserve(_entry);
}
});
});
lazyloadImages.forEach(function (entry) {
intersectionObserver.observe(entry);
});
lazyloadClasses.forEach(function (entry) {
intersectionObserver.observe(entry);
});
}
///
const Wrapper = document.getElementById("wrapper"); const Wrapper = document.getElementById("wrapper");
const docElem = document.documentElement; const docElem = document.documentElement;
...@@ -64,9 +102,9 @@ const LaniakeaModule = (function ($) { ...@@ -64,9 +102,9 @@ const LaniakeaModule = (function ($) {
mainMenuLinks.forEach((mnu) => mainMenuLinks.forEach((mnu) =>
mnu.addEventListener("click", function () { mnu.addEventListener("click", function () {
if (window.location.href.indexOf("#") != -1) { /* if (window.location.href.indexOf("#") != -1) {
document.body.classList.remove("menu-mobile-open"); document.body.classList.remove("menu-mobile-open");
} } */
}) })
); );
......
laniakea/core/dynamic-styles.php
...@@ -81,6 +81,10 @@ background-color : <?php echo $primary_color; ?>; ...@@ -81,6 +81,10 @@ background-color : <?php echo $primary_color; ?>;
.laniakea-menu li a{ .laniakea-menu li a{
font-weight: <?php echo laniakea_option('menu_font_weight', '700'); ?>; font-weight: <?php echo laniakea_option('menu_font_weight', '700'); ?>;
} }
.laniakea-menu li a,
.laniakea-pre-menu li a{
text-decoration: none;
}
.laniakea-menu li a:hover, .laniakea-menu li a:hover,
.laniakea-menu li.current-menu-item a, .laniakea-menu li.current-menu-item a,
...@@ -100,7 +104,8 @@ footer{ ...@@ -100,7 +104,8 @@ footer{
background-color : <?php echo laniakea_option('footer_bgcolor', '#444'); ?> background-color : <?php echo laniakea_option('footer_bgcolor', '#444'); ?>
} }
footer *{ footer *{
color : <?php echo laniakea_option('footer_color', 'silver'); ?> color : <?php echo laniakea_option('footer_color', 'silver'); ?>;
text-decoration:none;
} }
footer .lower-footer{ footer .lower-footer{
background-color : <?php echo laniakea_option('lower_footer_bgcolor', '#444'); ?> background-color : <?php echo laniakea_option('lower_footer_bgcolor', '#444'); ?>
......
laniakea/core/init.php
...@@ -49,7 +49,7 @@ function laniakea_enqueue_scripts() ...@@ -49,7 +49,7 @@ function laniakea_enqueue_scripts()
wp_enqueue_style('swiper-style', LANIAKEA_THEME_URI . '/core/assets/swiper/swiper-bundle.min.css', array(), '11.0.5'); wp_enqueue_style('swiper-style', LANIAKEA_THEME_URI . '/core/assets/swiper/swiper-bundle.min.css', array(), '11.0.5');
wp_enqueue_style('laniakea-style', LANIAKEA_THEME_URI . '/style.min.css', array('fontawesome-style')); wp_enqueue_style('laniakea-style', LANIAKEA_THEME_URI . '/style.min.css', array('fontawesome-style'));
wp_enqueue_script('laniakea-scripts', LANIAKEA_THEME_URI . '/core/assets/js/scripts.js', array('jquery'), '1.0', true); wp_enqueue_script('laniakea-scripts', LANIAKEA_THEME_URI . '/core/assets/js/scripts.js', array('jquery'), '1.1', true);
wp_enqueue_script('swiper-scripts', LANIAKEA_THEME_URI . '/core/assets/swiper/swiper-bundle.min.js', array(), '11.0.5', true); wp_enqueue_script('swiper-scripts', LANIAKEA_THEME_URI . '/core/assets/swiper/swiper-bundle.min.js', array(), '11.0.5', true);
......
laniakea/core/shortcodes/templates/social.template.php
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
?> ?>
<div class="laniakea-social <?php echo 'align-' . $this->atts['align'] ?>"> <div class="laniakea-social <?php echo 'align-' . $this->atts['align'] ?>">
<?php foreach ($this->args['socials'] as $social) : ?> <?php foreach ($this->args['socials'] as $social) : ?>
<a target="_blank" <?php echo $size;?> class="social-<?php echo $social['name']; ?>" href="<?php echo $social['link']; ?>" alt="<?php echo $social['title']; ?>" title="<?php echo $social['title']; ?>"> <a target="_blank" <?php echo $size;?> aria-label="<?php echo $social['name']; ?>" class="social-<?php echo $social['name']; ?>" href="<?php echo $social['link']; ?>" alt="<?php echo $social['title']; ?>" title="<?php echo $social['title']; ?>">
<i class="<?php echo $social['icon']; ?>"></i> <i class="<?php echo $social['icon']; ?>"></i>
</a> </a>
<?php endforeach; ?> <?php endforeach; ?>
......
laniakea/core/shortcodes/templates/swiper.template.php
...@@ -41,8 +41,11 @@ if ($the_query->have_posts()) : ?> ...@@ -41,8 +41,11 @@ if ($the_query->have_posts()) : ?>
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<?php while ($the_query->have_posts()) : <?php while ($the_query->have_posts()) :
$the_query->the_post(); $the_query->the_post();
$link = $post_type == 'laniakea_swiper' ? get_post_meta(get_the_ID(), 'slide_link', true) : get_the_permalink(); $post_ID = get_the_ID();
$link = $post_type == 'laniakea_swiper' ? get_post_meta($post_ID, 'slide_link', true) : get_the_permalink();
?> ?>
<?php do_action( 'before_swiper_card',$post_ID, $post_type, $this); ?>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="card"> <div class="card">
<?php if (!empty($this->atts['button_text'])) : ?> <?php if (!empty($this->atts['button_text'])) : ?>
...@@ -53,7 +56,7 @@ if ($the_query->have_posts()) : ?> ...@@ -53,7 +56,7 @@ if ($the_query->have_posts()) : ?>
</div> </div>
<?php endif;?> <?php endif;?>
<?php if ( empty($this->atts['button_text']) || $this->atts['link_all']=='true' ) : ?> <?php if ( empty($this->atts['button_text']) || $this->atts['link_all']=='true' ) : ?>
<a class="card__link" href="<?php echo $link; ?>"></a> <a class="card__link" aria-label="link" href="<?php echo $link; ?>"></a>
<?php endif; ?> <?php endif; ?>
<div class="card__inner"> <div class="card__inner">
<div class="card_image"> <div class="card_image">
...@@ -70,13 +73,16 @@ if ($the_query->have_posts()) : ?> ...@@ -70,13 +73,16 @@ if ($the_query->have_posts()) : ?>
</div> </div>
</div> </div>
</div> </div>
<?php do_action( 'after_swiper_card', $post_ID, $post_type, $this); ?>
<?php endwhile; ?> <?php endwhile; ?>
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
<figure class="swiper-button-prev"></figure> <figure class="swiper-button-prev material-symbols-outlined">chevron_left</figure>
<figure class="swiper-button-next"></figure> <figure class="swiper-button-next material-symbols-outlined">chevron_right</figure>
<div class="swiper-scrollbar"></div> <div class="swiper-scrollbar"></div>
</div> </div>
......
laniakea/footer.php
...@@ -63,6 +63,8 @@ $menu_args = array( ...@@ -63,6 +63,8 @@ $menu_args = array(
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>
\ No newline at end of file
laniakea/header.php
...@@ -30,6 +30,7 @@ $show_header_inverted = $slider || $laniakea_transparent_header; ...@@ -30,6 +30,7 @@ $show_header_inverted = $slider || $laniakea_transparent_header;
</head> </head>
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<?php wp_body_open(); ?> <?php wp_body_open(); ?>
<?php laniakea_gtm('body'); ?> <?php laniakea_gtm('body'); ?>
<div id="wrapper"> <div id="wrapper">
...@@ -42,14 +43,14 @@ $show_header_inverted = $slider || $laniakea_transparent_header; ...@@ -42,14 +43,14 @@ $show_header_inverted = $slider || $laniakea_transparent_header;
<div class="header-container <?php if (laniakea_option('header_fullwidth') != 1) echo 'contained'; ?> d-flex align-center"> <div class="header-container <?php if (laniakea_option('header_fullwidth') != 1) echo 'contained'; ?> d-flex align-center">
<div id="logo"> <div id="logo">
<a href="<?php echo esc_url(home_url()); ?>"> <a href="<?php echo esc_url(home_url()); ?>" aria-label="<?php echo esc_url(home_url()); ?>">>
<picture> <picture>
<?php if (!empty(laniakea_option('primary_logo_mobile')) && !empty(laniakea_option('logo_break'))) : ?> <?php if (!empty(laniakea_option('primary_logo_mobile')) && !empty(laniakea_option('logo_break'))) : ?>
<source media="(min-width: <?php echo laniakea_option('logo_break') ?>px)" srcset="<?php laniakea_get_logo(laniakea_option('primary_logo'), LANIAKEA_THEME_URI . 'logo.png') ?>" /> <source media="(min-width: <?php echo laniakea_option('logo_break') ?>px)" srcset="<?php laniakea_get_logo(laniakea_option('primary_logo'), LANIAKEA_THEME_URI . 'logo.png') ?>" />
<source media="(max-width: <?php echo laniakea_option('logo_break') ?>px)" srcset="<?php laniakea_get_logo(laniakea_option('primary_logo_mobile'), LANIAKEA_THEME_URI . 'logo.png') ?>" /> <source media="(max-width: <?php echo laniakea_option('logo_break') ?>px)" srcset="<?php laniakea_get_logo(laniakea_option('primary_logo_mobile'), LANIAKEA_THEME_URI . 'logo.png') ?>" />
<?php endif; ?> <?php endif; ?>
<img class="logo-default" src="<?php laniakea_get_logo(laniakea_option('primary_logo'), LANIAKEA_THEME_URI . 'logo.png') ?>" /> <img alt="" class="logo-default" src="<?php laniakea_get_logo(laniakea_option('primary_logo'), LANIAKEA_THEME_URI . 'logo.png') ?>" />
</picture> </picture>
<picture> <picture>
<?php if (!empty(laniakea_option('inverted_logo_mobile')) && !empty(laniakea_option('logo_break'))) : ?> <?php if (!empty(laniakea_option('inverted_logo_mobile')) && !empty(laniakea_option('logo_break'))) : ?>
...@@ -57,11 +58,11 @@ $show_header_inverted = $slider || $laniakea_transparent_header; ...@@ -57,11 +58,11 @@ $show_header_inverted = $slider || $laniakea_transparent_header;
<source media="(max-width: <?php echo laniakea_option('logo_break') ?>px)" srcset="<?php laniakea_get_logo(laniakea_option('inverted_logo_mobile'), LANIAKEA_THEME_URI . 'logo.png') ?>" /> <source media="(max-width: <?php echo laniakea_option('logo_break') ?>px)" srcset="<?php laniakea_get_logo(laniakea_option('inverted_logo_mobile'), LANIAKEA_THEME_URI . 'logo.png') ?>" />
<?php endif; ?> <?php endif; ?>
<img class="logo-white" src="<?php laniakea_get_logo(laniakea_option('inverted_logo'), LANIAKEA_THEME_URI . 'logo-white.png') ?>" /> <img alt="" class="logo-white" src="<?php laniakea_get_logo(laniakea_option('inverted_logo'), LANIAKEA_THEME_URI . 'logo-white.png') ?>" />
</picture> </picture>
</a> </a>
</div> </div>
<button class="mobile-burger"> <button class="mobile-burger" aria-label="menu">
<svg width="50" height="50" viewBox="0 0 100 100"> <svg width="50" height="50" viewBox="0 0 100 100">
<path class="burger-line burger-line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" /> <path class="burger-line burger-line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
<path class="burger-line burger-line2" d="M 20,50 H 80" /> <path class="burger-line burger-line2" d="M 20,50 H 80" />
......
laniakea/sass/_footer.scss
...@@ -7,6 +7,11 @@ ...@@ -7,6 +7,11 @@
footer { footer {
text-align: center; text-align: center;
ul {
list-style: none;
margin: 0;
padding: 0;
}
.upper-footer,.lower-footer{ .upper-footer,.lower-footer{
padding: $spacing_unit * 6; padding: $spacing_unit * 6;
......
laniakea/sass/_menu.scss
nav { nav {
@media (min-width: $large-devices) { @media (min-width: $large-devices) {
&.nav-right { &.nav-right {
...@@ -11,19 +9,16 @@ nav { ...@@ -11,19 +9,16 @@ nav {
} }
} }
ul { .nav-menu, #menu-pre-header {
list-style: none; ul {
margin: 0; list-style: none;
padding: 0; margin: 0;
padding: 0;
.menu-item {
a {
text-decoration: none;
}
} }
} }
.laniakea-menu,.laniakea-pre-menu { .laniakea-menu,
.laniakea-pre-menu {
ul { ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
...@@ -35,14 +30,13 @@ ul { ...@@ -35,14 +30,13 @@ ul {
} }
&.menu-item-has-children > a::after { &.menu-item-has-children > a::after {
content: unicode('f107'); content: unicode("f107");
font-family: "Font Awesome 6 Free"; font-family: "Font Awesome 6 Free";
vertical-align: middle; vertical-align: middle;
font-size: 16px; font-size: 16px;
margin-left: $spacing_unit * 2; margin-left: $spacing_unit * 2;
font-weight: 900; font-weight: 900;
} }
} }
.sub-menu, .sub-menu,
...@@ -59,8 +53,6 @@ ul { ...@@ -59,8 +53,6 @@ ul {
} }
} }
@media (min-width: $large-devices) { @media (min-width: $large-devices) {
li { li {
position: relative; position: relative;
...@@ -149,10 +141,8 @@ ul { ...@@ -149,10 +141,8 @@ ul {
display: block; display: block;
} }
&.menu-item-has-children:hover > a::after { &.menu-item-has-children:hover > a::after {
content: unicode('f105'); content: unicode("f105");
font-weight: 900; font-weight: 900;
} }
} }
...@@ -164,7 +154,7 @@ ul { ...@@ -164,7 +154,7 @@ ul {
} }
} }
.laniakea-pre-menu>ul>li>a { .laniakea-pre-menu > ul > li > a {
padding: 0 6px; padding: 0 6px;
} }
......
laniakea/style.css
...@@ -132,12 +132,38 @@ textarea:not([rows]) { ...@@ -132,12 +132,38 @@ textarea:not([rows]) {
scroll-margin-block: 5ex; scroll-margin-block: 5ex;
} }
@font-face {
font-family: "Material Symbols Outlined";
font-style: normal;
font-weight: 400;
src: url(./core/assets/material/material-icons.woff2) format("woff2");
}
.material-symbols-outlined {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
@media (max-width: 990px) { @media (max-width: 990px) {
html { html {
margin-top: 0 !important; margin-top: 0 !important;
} }
} }
.lazyload-row .vc_column-inner {
display: none !important;
}
#wpadminbar { #wpadminbar {
position: absolute !important; position: absolute !important;
} }
...@@ -170,8 +196,8 @@ body { ...@@ -170,8 +196,8 @@ body {
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
a { .social-icon {
text-decoration: none; text-decoration: none !important;
} }
img { img {
...@@ -278,24 +304,24 @@ img { ...@@ -278,24 +304,24 @@ img {
margin-left: auto; margin-left: auto;
} }
} }
ul { .nav-menu ul, #menu-pre-header ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
ul .menu-item a {
text-decoration: none;
}
.laniakea-menu ul, .laniakea-pre-menu ul { .laniakea-menu ul,
.laniakea-pre-menu ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.laniakea-menu ul li a, .laniakea-pre-menu ul li a { .laniakea-menu ul li a,
.laniakea-pre-menu ul li a {
display: block; display: block;
} }
.laniakea-menu ul li.menu-item-has-children > a::after, .laniakea-pre-menu ul li.menu-item-has-children > a::after { .laniakea-menu ul li.menu-item-has-children > a::after,
.laniakea-pre-menu ul li.menu-item-has-children > a::after {
content: "\f107"; content: "\f107";
font-family: "Font Awesome 6 Free"; font-family: "Font Awesome 6 Free";
vertical-align: middle; vertical-align: middle;
...@@ -305,7 +331,8 @@ ul .menu-item a { ...@@ -305,7 +331,8 @@ ul .menu-item a {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.laniakea-menu ul .sub-menu, .laniakea-menu ul .sub-menu,
.laniakea-menu ul .children, .laniakea-pre-menu ul .sub-menu, .laniakea-menu ul .children,
.laniakea-pre-menu ul .sub-menu,
.laniakea-pre-menu ul .children { .laniakea-pre-menu ul .children {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
...@@ -315,35 +342,43 @@ ul .menu-item a { ...@@ -315,35 +342,43 @@ ul .menu-item a {
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.laniakea-menu ul .sub-menu, .laniakea-menu ul .sub-menu,
.laniakea-menu ul .children, .laniakea-pre-menu ul .sub-menu, .laniakea-menu ul .children,
.laniakea-pre-menu ul .sub-menu,
.laniakea-pre-menu ul .children { .laniakea-pre-menu ul .children {
display: none; display: none;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.laniakea-menu, .laniakea-pre-menu { .laniakea-menu,
.laniakea-pre-menu {
/* Sub/Children Menu */ /* Sub/Children Menu */
/* Grandchildren Menu */ /* Grandchildren Menu */
} }
.laniakea-menu li, .laniakea-pre-menu li { .laniakea-menu li,
.laniakea-pre-menu li {
position: relative; position: relative;
line-height: 1.7; line-height: 1.7;
} }
.laniakea-menu li:hover > .sub-menu, .laniakea-menu li:hover > .children, .laniakea-pre-menu li:hover > .sub-menu, .laniakea-pre-menu li:hover > .children { .laniakea-menu li:hover > .sub-menu, .laniakea-menu li:hover > .children,
.laniakea-pre-menu li:hover > .sub-menu,
.laniakea-pre-menu li:hover > .children {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
transform: translateY(0px); transform: translateY(0px);
} }
.laniakea-menu > ul > li, .laniakea-pre-menu > ul > li { .laniakea-menu > ul > li,
.laniakea-pre-menu > ul > li {
float: left; float: left;
} }
.laniakea-menu > ul > li > a, .laniakea-pre-menu > ul > li > a { .laniakea-menu > ul > li > a,
.laniakea-pre-menu > ul > li > a {
text-transform: uppercase; text-transform: uppercase;
position: relative; position: relative;
padding: 24px 12px; padding: 24px 12px;
} }
.laniakea-menu .sub-menu, .laniakea-menu .sub-menu,
.laniakea-menu .children, .laniakea-pre-menu .sub-menu, .laniakea-menu .children,
.laniakea-pre-menu .sub-menu,
.laniakea-pre-menu .children { .laniakea-pre-menu .children {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -356,17 +391,20 @@ ul .menu-item a { ...@@ -356,17 +391,20 @@ ul .menu-item a {
box-shadow: 2px 4px 9px rgba(120, 120, 120, 0.3921568627); box-shadow: 2px 4px 9px rgba(120, 120, 120, 0.3921568627);
} }
.laniakea-menu .sub-menu a, .laniakea-menu .sub-menu a,
.laniakea-menu .children a, .laniakea-pre-menu .sub-menu a, .laniakea-menu .children a,
.laniakea-pre-menu .sub-menu a,
.laniakea-pre-menu .children a { .laniakea-pre-menu .children a {
padding: 12px 16px; padding: 12px 16px;
} }
.laniakea-menu .sub-menu li:hover a, .laniakea-menu .sub-menu li:hover a,
.laniakea-menu .children li:hover a, .laniakea-pre-menu .sub-menu li:hover a, .laniakea-menu .children li:hover a,
.laniakea-pre-menu .sub-menu li:hover a,
.laniakea-pre-menu .children li:hover a { .laniakea-pre-menu .children li:hover a {
background: white; background: white;
} }
.laniakea-menu .sub-menu .sub-menu, .laniakea-menu .sub-menu .sub-menu,
.laniakea-menu .children .children, .laniakea-pre-menu .sub-menu .sub-menu, .laniakea-menu .children .children,
.laniakea-pre-menu .sub-menu .sub-menu,
.laniakea-pre-menu .children .children { .laniakea-pre-menu .children .children {
position: absolute; position: absolute;
left: 50%; left: 50%;
...@@ -375,7 +413,8 @@ ul .menu-item a { ...@@ -375,7 +413,8 @@ ul .menu-item a {
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.laniakea-menu, .laniakea-pre-menu { .laniakea-menu,
.laniakea-pre-menu {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
...@@ -389,22 +428,28 @@ ul .menu-item a { ...@@ -389,22 +428,28 @@ ul .menu-item a {
padding: 24px; padding: 24px;
transform: translateX(-100vw); transform: translateX(-100vw);
} }
.laniakea-menu .nav-menu, .laniakea-pre-menu .nav-menu { .laniakea-menu .nav-menu,
.laniakea-pre-menu .nav-menu {
margin-top: 96px; margin-top: 96px;
} }
.laniakea-menu li, .laniakea-pre-menu li { .laniakea-menu li,
.laniakea-pre-menu li {
position: relative; position: relative;
line-height: 48px; line-height: 48px;
} }
.laniakea-menu li:hover > .sub-menu, .laniakea-menu li:hover > .children, .laniakea-pre-menu li:hover > .sub-menu, .laniakea-pre-menu li:hover > .children { .laniakea-menu li:hover > .sub-menu, .laniakea-menu li:hover > .children,
.laniakea-pre-menu li:hover > .sub-menu,
.laniakea-pre-menu li:hover > .children {
display: block; display: block;
} }
.laniakea-menu li.menu-item-has-children:hover > a::after, .laniakea-pre-menu li.menu-item-has-children:hover > a::after { .laniakea-menu li.menu-item-has-children:hover > a::after,
.laniakea-pre-menu li.menu-item-has-children:hover > a::after {
content: "\f105"; content: "\f105";
font-weight: 900; font-weight: 900;
} }
.laniakea-menu .sub-menu, .laniakea-menu .sub-menu,
.laniakea-menu .children, .laniakea-pre-menu .sub-menu, .laniakea-menu .children,
.laniakea-pre-menu .sub-menu,
.laniakea-pre-menu .children { .laniakea-pre-menu .children {
margin-left: 8px; margin-left: 8px;
} }
...@@ -482,6 +527,11 @@ ul .menu-item a { ...@@ -482,6 +527,11 @@ ul .menu-item a {
footer { footer {
text-align: center; text-align: center;
} }
footer ul {
list-style: none;
margin: 0;
padding: 0;
}
footer .upper-footer, footer .lower-footer { footer .upper-footer, footer .lower-footer {
padding: 24px; padding: 24px;
} }
...@@ -823,20 +873,28 @@ main { ...@@ -823,20 +873,28 @@ main {
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
height: 4rem; /* height: 4rem; */
justify-content: center; justify-content: center;
width: 4rem; width: 4rem;
font-size: 50px;
color: inherit !important;
/* background-color: #fff; /* background-color: #fff;
box-shadow: 0 6px 8px 0 #0003; */ box-shadow: 0 6px 8px 0 #0003; */
} }
.swiper-button-prev::after, .swiper-button-prev::after,
.swiper-button-next::after { .swiper-button-next::after {
font-size: 14px; /* font-size: 14px; */
font-weight: bold; font-weight: bold;
color: #000; color: #000;
} }
/*material icon override */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "" !important;
}
.swiper .card .card_caption { .swiper .card .card_caption {
align-items: center; align-items: center;
display: flex; display: flex;
......
laniakea/style.scss
...@@ -13,11 +13,33 @@ Version: 1.0 ...@@ -13,11 +13,33 @@ Version: 1.0
Text Domain: laniakea Text Domain: laniakea
Description: WordPress theme. Description: WordPress theme.
*/ */
@import "sass/variables"; @import "sass/variables";
@import "sass/helpers"; @import "sass/helpers";
@import "sass/reset"; @import "sass/reset";
//@import "sass/colors"; @font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 400;
src: url(./core/assets/material/material-icons.woff2) format('woff2');
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
html{ html{
@media (max-width:990px){ @media (max-width:990px){
...@@ -25,6 +47,10 @@ html{ ...@@ -25,6 +47,10 @@ html{
} }
} }
.lazyload-row .vc_column-inner{
display: none!important;
}
#wpadminbar{ #wpadminbar{
position: absolute!important; position: absolute!important;
...@@ -56,13 +82,13 @@ body { ...@@ -56,13 +82,13 @@ body {
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
a { .social-icon{
text-decoration: none; text-decoration: none!important;
} }
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.loop-item { .loop-item {
...@@ -147,20 +173,29 @@ main { ...@@ -147,20 +173,29 @@ main {
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
height: 4rem; /* height: 4rem; */
justify-content: center; justify-content: center;
width: 4rem; width: 4rem;
font-size: 50px;
color: inherit!important;
/* background-color: #fff; /* background-color: #fff;
box-shadow: 0 6px 8px 0 #0003; */ box-shadow: 0 6px 8px 0 #0003; */
} }
.swiper-button-prev::after, .swiper-button-prev::after,
.swiper-button-next::after{ .swiper-button-next::after{
font-size: 14px; /* font-size: 14px; */
font-weight: bold; font-weight: bold;
color: #000; color: #000;
} }
/*material icon override */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: ''!important;
}
.swiper .card .card_caption{ .swiper .card .card_caption{
align-items: center; align-items: center;
display: flex; display: flex;
......
laniakea/templates/loops/news-item.php
<div class="news-container"> <div class="news-container">
<div class="foto"> <div class="foto">
<a href="<?php echo get_the_permalink() ?>"><img class="img-responsive" src="<?php echo get_the_post_thumbnail_url() ?>" /></a> <a href="<?php echo get_the_permalink() ?>"><img alt="<?php echo get_the_title()?>" class="img-responsive" src="<?php echo get_the_post_thumbnail_url() ?>" /></a>
<div class="data"> <div class="data">
<div class="giorno"><?php echo get_the_date('d'); ?></div> <div class="giorno"><?php echo get_the_date('d'); ?></div>
<div class="meseanno"><?php echo substr(get_the_date('F'), 0, 3); ?> <?php echo get_the_date('Y'); ?></div> <div class="meseanno"><?php echo substr(get_the_date('F'), 0, 3); ?> <?php echo get_the_date('Y'); ?></div>
......
laniakea/vc_templates/vc_single_image.php 0 → 100644
<?php
if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}
/**
* Shortcode attributes
* @var $atts
* @var $title
* @var $source
* @var $image
* @var $custom_src
* @var $onclick
* @var $img_size
* @var $external_img_size
* @var $caption
* @var $img_link_large
* @var $link
* @var $img_link_target
* @var $alignment
* @var $el_class
* @var $el_id
* @var $css_animation
* @var $style
* @var $external_style
* @var $border_color
* @var $css
* Shortcode class
* @var WPBakeryShortCode_Vc_Single_image $this
*/
$title = $source = $image = $custom_src = $onclick = $img_size = $external_img_size = $caption = $img_link_large = $link = $img_link_target = $alignment = $el_class = $el_id = $css_animation = $style = $external_style = $border_color = $css = '';
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );
$default_src = vc_asset_url( 'vc/no_image.png' );
// backward compatibility. since 4.6
if ( empty( $onclick ) && isset( $img_link_large ) && 'yes' === $img_link_large ) {
$onclick = 'img_link_large';
} elseif ( empty( $atts['onclick'] ) && ( ! isset( $atts['img_link_large'] ) || 'yes' !== $atts['img_link_large'] ) ) {
$onclick = 'custom_link';
}
if ( 'external_link' === $source ) {
$style = $external_style;
$border_color = $external_border_color;
}
$border_color = ( '' !== $border_color ) ? ' vc_box_border_' . $border_color : '';
$img = false;
switch ( $source ) {
case 'media_library':
case 'featured_image':
if ( 'featured_image' === $source ) {
$post_id = get_the_ID();
if ( $post_id && has_post_thumbnail( $post_id ) ) {
$img_id = get_post_thumbnail_id( $post_id );
} else {
$img_id = 0;
}
} else {
$img_id = preg_replace( '/[^\d]/', '', $image );
}
// set rectangular
if ( preg_match( '/_circle_2$/', $style ) ) {
$style = preg_replace( '/_circle_2$/', '_circle', $style );
$img_size = $this->getImageSquareSize( $img_id, $img_size );
}
if ( ! $img_size ) {
$img_size = 'medium';
}
$img = wpb_getImageBySize( array(
'attach_id' => $img_id,
'thumb_size' => strtolower( $img_size ),
'class' => 'vc_single_image-img',
) );
/*modifica per lazy loading*/
if (isset($img['thumbnail'])){
$img['thumbnail'] = str_replace('src','data-src',$img['thumbnail']);
}
// don't show placeholder in public version if post doesn't have featured image
if ( 'featured_image' === $source ) {
if ( ! $img && 'page' === vc_manager()->mode() ) {
return;
}
}
break;
case 'external_link':
$dimensions = vc_extract_dimensions( $external_img_size );
$hwstring = $dimensions ? image_hwstring( $dimensions[0], $dimensions[1] ) : '';
$custom_src = $custom_src ? $custom_src : $default_src;
$img = array(
'thumbnail' => '<img class="vc_single_image-img" ' . $hwstring . ' data-src="' . esc_url( $custom_src ) . '" />',
);
break;
default:
$img = false;
}
if ( ! $img ) {
$img['thumbnail'] = '<img class="vc_img-placeholder vc_single_image-img" data-src="' . esc_url( $default_src ) . '" />';
}
$el_class = $this->getExtraClass( $el_class );
// backward compatibility
if ( vc_has_class( 'prettyphoto', $el_class ) ) {
$onclick = 'link_image';
}
// backward compatibility. will be removed in 4.7+
if ( ! empty( $atts['img_link'] ) ) {
$link = $atts['img_link'];
if ( ! preg_match( '/^(https?\:\/\/|\/\/)/', $link ) ) {
$link = 'http://' . $link;
}
}
// backward compatibility
if ( in_array( $link, array(
'none',
'link_no',
), true ) ) {
$link = '';
}
$a_attrs = array();
switch ( $onclick ) {
case 'img_link_large':
if ( 'external_link' === $source ) {
$link = $custom_src;
} else {
$link = wp_get_attachment_image_src( $img_id, 'large' );
$link = $link[0];
}
break;
case 'link_image':
wp_enqueue_script( 'lightbox2' );
wp_enqueue_style( 'lightbox2' );
$a_attrs['class'] = '';
$a_attrs['data-lightbox'] = 'lightbox[rel-' . get_the_ID() . '-' . wp_rand() . ']';
// backward compatibility
if ( ! vc_has_class( 'prettyphoto', $el_class ) && 'external_link' === $source ) {
$link = $custom_src;
} elseif ( ! vc_has_class( 'prettyphoto', $el_class ) ) {
$link = wp_get_attachment_image_src( $img_id, 'large' );
$link = $link[0];
}
break;
case 'custom_link':
// $link is already defined
break;
case 'zoom':
wp_enqueue_script( 'vc_image_zoom' );
if ( 'external_link' === $source ) {
$large_img_src = $custom_src;
} else {
$large_img_src = wp_get_attachment_image_src( $img_id, 'large' );
if ( $large_img_src ) {
$large_img_src = $large_img_src[0];
}
}
$img['thumbnail'] = str_replace( '<img ', '<img data-vc-zoom="' . $large_img_src . '" ', $img['thumbnail'] );
break;
}
// backward compatibility
if ( vc_has_class( 'prettyphoto', $el_class ) ) {
$el_class = vc_remove_class( 'prettyphoto', $el_class );
}
$wrapperClass = 'vc_single_image-wrapper ' . $style . ' ' . $border_color;
if ( $link ) {
$a_attrs['href'] = $link;
$a_attrs['target'] = $img_link_target;
if ( ! empty( $a_attrs['class'] ) ) {
$wrapperClass .= ' ' . $a_attrs['class'];
unset( $a_attrs['class'] );
}
$html = '<a ' . vc_stringify_attributes( $a_attrs ) . ' class="' . $wrapperClass . '">' . $img['thumbnail'] . '</a>';
} else {
$html = '<div class="' . $wrapperClass . '">' . $img['thumbnail'] . '</div>';
}
$class_to_filter = 'wpb_single_image wpb_content_element vc_align_' . $alignment . ' ' . $this->getCSSAnimation( $css_animation );
$class_to_filter .= vc_shortcode_custom_css_class( $css, ' ' ) . $this->getExtraClass( $el_class );
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts );
if ( in_array( $source, array( 'media_library', 'featured_image' ), true ) && 'yes' === $add_caption ) {
$img_id = apply_filters( 'wpml_object_id', $img_id, 'attachment', true );
$post = get_post( $img_id );
$caption = $post->post_excerpt;
} else {
if ( 'external_link' === $source ) {
$add_caption = 'yes';
}
}
if ( 'yes' === $add_caption && '' !== $caption ) {
$html .= '<figcaption class="vc_figure-caption">' . $caption . '</figcaption>';
}
$wrapper_attributes = array();
if ( ! empty( $el_id ) ) {
$wrapper_attributes[] = 'id="' . esc_attr( $el_id ) . '"';
}
$output = '
<div ' . implode( ' ', $wrapper_attributes ) . ' class="' . esc_attr( trim( $css_class ) ) . '">
' . wpb_widget_title( array(
'title' => $title,
'extraclass' => 'wpb_singleimage_heading',
) ) . '
<figure class="wpb_wrapper vc_figure">
' . $html . '
</figure>
</div>
';
return $output;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment