Commit 13b1d7ae authored by Petr Balga's avatar Petr Balga

Homepage + bottom menu done.

parent 4dbae0b5
......@@ -25,9 +25,9 @@ gulp.task('sass', function () {
.pipe(gulp.dest('./wp-content/themes/CreepyTheme/css'));
})
gulp.watch('./css/*.css').on('change', browserSync.reload);
gulp.watch('./**/*.php').on('change', browserSync.reload);
gulp.watch('./includes/*.php').on('change', browserSync.reload);
gulp.watch('./wp-content/themes/CreepyTheme/css/*.css').on('change', browserSync.reload);
gulp.watch('./wp-content/themes/CreepyTheme/**/*.php').on('change', browserSync.reload);
gulp.watch('./wp-content/themes/CreepyTheme/*.php').on('change', browserSync.reload);
});
gulp.task('default', gulp.series('watch', function(done) {
......
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="19" viewBox="0 0 25 19"><g><g><path fill="#7d7d7d" d="M17.5 12.625a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zm-3.537-.012c-.071.006-.142.006-.213 0-.69 0-1.25-.557-1.25-1.244 0-.687.56-1.244 1.25-1.244.07-.006.142-.006.212 0a3.466 3.466 0 0 0 0 2.388zM17.5 7.625a3.75 3.75 0 0 0-1.887.525 3.75 3.75 0 1 0 0 6.45A3.75 3.75 0 1 0 17.5 7.625zm5 7.5c0 .69-.56 1.25-1.25 1.25H3.75c-.69 0-1.25-.56-1.25-1.25V3.875c0-.69.56-1.25 1.25-1.25h17.5c.69 0 1.25.56 1.25 1.25zm-1.25-15H3.75A3.75 3.75 0 0 0 0 3.875v11.25a3.75 3.75 0 0 0 3.75 3.75h17.5a3.75 3.75 0 0 0 3.75-3.75V3.875a3.75 3.75 0 0 0-3.75-3.75z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16"><g><g><path fill="#968000" d="M10 4.999A3 3 0 1 0 10.001 11 3 3 0 0 0 10 4.999zM10.005 14c-3.17 0-6.172-2.29-7.902-6 1.73-3.71 4.731-6 7.902-6 3.17 0 6.172 2.29 7.902 6-1.73 3.71-4.731 6-7.902 6zm9.912-6.4C17.897 2.91 14.099 0 10 0S2.103 2.91.083 7.6a1 1 0 0 0 0 .8C2.103 13.09 5.901 16 10 16s7.897-2.91 9.917-7.6a1 1 0 0 0 0-.8z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="20" viewBox="0 0 17 20"><g><g><path fill="#fff" d="M14.533 17a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1V7h2v1a1 1 0 0 0 2 0V7h4v1a1 1 0 0 0 2 0V7h2zm-8-13a2 2 0 1 1 4 0v1h-4zm9 1h-3V4a4 4 0 1 0-8 0v1h-3a1 1 0 0 0-1 1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V6a1 1 0 0 0-1-1z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="16" viewBox="0 0 21 16"><g><g><path fill="#fff" d="M13.44 11.711a1 1 0 0 1 0 1.41l-1.88 1.88a3 3 0 0 1-4.24 0l-5.21-5.21a5.62 5.62 0 0 1-1.67-4 5.68 5.68 0 0 1 9-4.62 5.68 5.68 0 0 1 7.34.63 6 6 0 0 1 .88 1.13 1 1 0 0 1-1.72 1 3.94 3.94 0 0 0-.58-.75 3.78 3.78 0 0 0-5.21 0 1 1 0 0 1-1.42 0 3.69 3.69 0 0 0-5.21 0 3.69 3.69 0 0 0 0 5.22l5.21 5.21a1 1 0 0 0 1.42 0l1.9-1.9a1 1 0 0 1 1.39 0zm7-4.3a1 1 0 0 1-1 1h-2.07l-1.7 1.71a1 1 0 0 1-.71.29 1 1 0 0 1-.72-.34l-2.8-3.19-1.29 1.34a1 1 0 0 1-.71.29h-2a1 1 0 1 1 0-2h1.59l1.7-1.7a1 1 0 0 1 1.46 0l2.8 3.19 1.24-1.29a1 1 0 0 1 .71-.3h2.5a1 1 0 0 1 1 1z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g><g><path fill="#231f20" d="M4.534 9.998l7.963-7.075 7.962 7.075zm15.463 12.5h-3.75v-3.75a3.75 3.75 0 0 0-7.5 0v3.75h-3.75v-10h15zm-6.25 0h-2.5v-3.75a1.25 1.25 0 0 1 2.5 0zm10.825-12.187l-11.25-10a1.25 1.25 0 0 0-1.65 0l-11.25 10a1.25 1.25 0 0 0 .825 2.187h1.25v11.25c0 .69.56 1.25 1.25 1.25h17.5c.69 0 1.25-.56 1.25-1.25v-11.25h1.25a1.25 1.25 0 0 0 .825-2.187z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g><g><path fill="#7d7d7d" d="M16.25 16.25c0 .69-.56 1.25-1.25 1.25h-5a1.25 1.25 0 0 1 0-2.5h1.25V1.25a1.25 1.25 0 0 1 2.5 0V15H15c.69 0 1.25.56 1.25 1.25zm6.25 0v7.5a1.25 1.25 0 0 1-2.5 0v-7.5a1.25 1.25 0 0 1 2.5 0zm2.5-5c0 .69-.56 1.25-1.25 1.25h-5a1.25 1.25 0 0 1 0-2.5H20V1.25a1.25 1.25 0 0 1 2.5 0V10h1.25c.69 0 1.25.56 1.25 1.25zm-11.25 10v2.5a1.25 1.25 0 0 1-2.5 0v-2.5a1.25 1.25 0 0 1 2.5 0zM5 11.25v12.5a1.25 1.25 0 0 1-2.5 0v-12.5a1.25 1.25 0 0 1 2.5 0zm2.5-5c0 .69-.56 1.25-1.25 1.25h-5a1.25 1.25 0 0 1 0-2.5H2.5V1.25a1.25 1.25 0 0 1 2.5 0V5h1.25c.69 0 1.25.56 1.25 1.25z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24"><g><g><path fill="#7d7d7d" d="M19.473 8.85c.3.135.54.375.675.675.07.149.104.312.1.475 0 .69-.56 1.25-1.25 1.25a1.25 1.25 0 0 1-.888-.362 1.25 1.25 0 0 1-.275-.4 1.25 1.25 0 0 1-.087-.488 1.05 1.05 0 0 1 .1-.5c.06-.149.15-.284.262-.4l.188-.162.225-.113.225-.075a1.25 1.25 0 0 1 .725.088zm2.944 4.133c.202.265.29.6.243.93a11.25 11.25 0 0 1-11.162 9.837h-10a1.25 1.25 0 0 1-1.15-.775 1.25 1.25 0 0 1 .262-1.362l2.138-2.1a11.25 11.25 0 0 1 8.75-18.263 1.25 1.25 0 0 1 0 2.5 8.75 8.75 0 0 0-6.175 14.925 1.25 1.25 0 0 1 0 1.763l-.813.812h6.988a8.75 8.75 0 0 0 8.687-7.675 1.25 1.25 0 0 1 2.232-.592zM15.623 2.828a1.248 1.248 0 0 1 .125-.953A3.76 3.76 0 0 1 20.285.226 3.75 3.75 0 0 1 19.004 7.5a1.251 1.251 0 1 1 0-2.5c.691 0 1.252-.56 1.252-1.25a1.253 1.253 0 0 0-2.342-.625 1.253 1.253 0 0 1-2.291-.297z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g><g><path fill="#7d7d7d" d="M21.339 3.661A12.5 12.5 0 0 1 25 12.5a1.25 1.25 0 0 1-2.5 0A10 10 0 0 0 5.275 5.625h3a1.25 1.25 0 0 1 0 2.5H2.65c-.69 0-1.25-.56-1.25-1.25V1.25a1.25 1.25 0 0 1 2.5 0v2.212A12.5 12.5 0 0 1 12.5 0a12.5 12.5 0 0 1 8.839 3.661zM23.6 18.125v5.625a1.25 1.25 0 0 1-2.5 0v-2.212A12.5 12.5 0 0 1 0 12.5a1.25 1.25 0 0 1 2.5 0 10 10 0 0 0 17.225 6.887h-3a1.25 1.25 0 0 1 0-2.5h5.662a1.25 1.25 0 0 1 1.213 1.238z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18"><g><g><path fill="#fff" d="M12.44 10.976a.999.999 0 0 1-1 .997h-2a.999.999 0 1 1 0-1.995h2c.553 0 1 .446 1 .998zm3.71-.709c.184.191.287.444.29.709a.837.837 0 0 1-.08.379.899.899 0 0 1-.54.538 1.002 1.002 0 0 1-1.078-.22.996.996 0 0 1-.221-1.077.899.899 0 0 1 .54-.538 1.002 1.002 0 0 1 1.09.21zm2.29-1.292c0-.554-.447-1.003-1-1.003h-14c-.551 0-1 .45-1 1.003v4.011c0 .554.449 1.003 1 1.003h14c.553 0 1-.45 1-1.003zM4.83 5.977h11.22L15 2.639a1 1 0 0 0-1-.684H6.88a1 1 0 0 0-.95.684zm13.37.1a3.007 3.007 0 0 1 2.24 2.898v4.011a3.008 3.008 0 0 1-2 2.828v1.183c0 .554-.447 1.003-1 1.003-.551 0-1-.449-1-1.003v-1.003h-12v1.003c0 .554-.447 1.003-1 1.003-.551 0-1-.449-1-1.003v-1.183a3.008 3.008 0 0 1-2-2.828V8.975a3.007 3.007 0 0 1 2.24-2.898l1.36-4.071A3 3 0 0 1 6.88 0H14a3 3 0 0 1 2.84 2.006l1.36 4.04zm-12.05 4.19c.184.191.287.444.29.709a.837.837 0 0 1-.08.379c-.05.12-.12.232-.21.329a1.15 1.15 0 0 1-.33.21 1.002 1.002 0 0 1-1.078-.221.996.996 0 0 1-.221-1.077.899.899 0 0 1 .54-.538 1.002 1.002 0 0 1 1.09.21z"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><g><g><path fill="#ffd300" d="M18 17a5 5 0 0 0-5-5H5a5 5 0 0 0-5 5v2a1 1 0 0 0 2 0v-2a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v2a1 1 0 0 0 2 0zM6 5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3 5A5 5 0 1 0 9 0a5 5 0 0 0 0 10z"/></g></g></svg>
\ No newline at end of file
@charset "UTF-8";
body, html {
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: "Open Sans",sans-serif; }
.clear {
clear: both; }
/* Container vymezující výšku a šířku */
.container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 375px;
height: 812px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
overflow-y: hidden; }
/* Styly pro hlavní šablonu */
.main .top {
width: calc(100% - 64px);
height: 260px;
/* v návrhu bylo 280px, ale ve výsledku byl container o hodně vyšší. */
box-shadow: 0 5px 0 rgba(202, 172, 0, 0.88), 0 2px 24px rgba(0, 0, 0, 0.5);
border-radius: 0px 0px 20px 20px;
background-color: #ffd300;
position: relative;
padding: 0 32px; }
.main .top #greeting {
margin-top: 71px;
color: #231f20;
font-size: 24px;
font-weight: 800;
float: left; }
.main .top #user__icon {
background-color: #000000;
width: 28px;
height: 28px;
border-radius: 14px;
float: right;
margin-top: 71px;
background-image: url(./../assets/svg/user.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position-x: 4px;
background-position-y: 6px; }
.main .top #info__text {
color: #968000;
font-size: 14px;
font-weight: 500;
margin: 0px; }
.main .top #balance {
color: #231f20;
font-size: 72px;
font-weight: 700;
margin: -10px 0;
float: left; }
.main .top #balance::before {
content: '$';
font-size: 24px; }
.main .top #eye__icon {
width: 28px;
height: 28px;
border-radius: 14px;
margin-top: 34px;
float: right;
background-image: url(./../assets/svg/eye.svg);
background-repeat: no-repeat;
background-size: 20px auto;
background-position-x: 4px;
background-position-y: 6px; }
.main .middle {
background-color: #dedede;
width: calc(100% - 60px);
height: auto;
min-height: 500px;
margin-top: -20px;
padding: 16px 28px 0px 32px;
max-height: calc(100vh - 650px);
overflow-y: scroll;
overflow-x: hidden; }
.main .middle::-webkit-scrollbar {
width: 4px; }
.main .middle::-webkit-scrollbar-track {
background: #dedede; }
.main .middle::-webkit-scrollbar-thumb {
background: #ffffff; }
.main .middle::-webkit-scrollbar-thumb:hover {
background: #888; }
.main .middle #end {
margin-bottom: 70px;
margin-top: 70px;
width: 100%;
text-align: center;
color: #231f20;
font-size: 14px;
font-weight: 700; }
.main .middle #statement {
color: #231f20;
font-size: 21px;
font-weight: 800;
float: left;
margin-bottom: -7px; }
.main .middle #view__all {
float: right;
color: #706f73;
font-size: 14px;
margin-top: 27px;
margin-bottom: -7px; }
.main .middle .term .day {
color: #706f73;
font-size: 14px;
font-weight: 500;
margin-bottom: 7px; }
.main .middle .term .item {
width: calc( 100% - 22px);
height: 40px;
border-radius: 4px;
background-color: #ffffff;
margin-bottom: 12px;
padding: 11px; }
.main .middle .term .item .icon {
width: 40px;
height: 40px;
border-radius: 4px;
background-color: #231f20;
float: left;
margin-right: 15px;
background-repeat: no-repeat;
background-size: 20px auto;
background-position: 50% 50%; }
.main .middle .term .item .grocery {
background-image: url(./../assets/svg/grocery.svg);
background-color: #f25244; }
.main .middle .term .item .transport {
background-image: url(./../assets/svg/transport.svg);
background-color: #231f20; }
.main .middle .term .item .entertainment {
background-image: url(./../assets/svg/entertainment.png);
background-color: #4333a6; }
.main .middle .term .item .health {
background-image: url(./../assets/svg/health.svg);
background-color: #33a63e; }
.main .middle .term .item .category {
color: #231f20;
font-size: 18px;
font-weight: 500;
display: inline-block; }
.main .middle .term .item .name {
color: #686766;
font-size: 12px;
font-weight: 500;
display: inline-block;
margin-top: -10px; }
.main .middle .term .item .price {
color: #231f20;
font-size: 18px;
font-weight: 500;
float: right; }
.main .middle .term .item .time {
color: #686766;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
float: right; }
/* Spodní menu */
footer {
position: absolute;
bottom: 0;
background-color: #ffffff;
width: calc(100% - 40px);
height: 59px;
box-shadow: 1px -50px 50px 0px rgba(0, 0, 0, 0.3);
padding: 12px 20px;
display: -webkit-box;
display: flex;
justify-content: space-around; }
footer a {
display: inline-block;
width: 50px;
font-size: 14px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
text-align: center;
color: #706f73; }
footer a p {
margin: 0; }
footer a .icon {
background-size: 25px auto;
width: 50px;
height: 25px;
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 50% 50%; }
footer a .home {
background-image: url(./../assets/svg/home.svg); }
footer a .cards {
background-image: url(./../assets/svg/cards.svg); }
footer a .topup {
background-image: url(./../assets/svg/topup.svg); }
footer a .support {
background-image: url(./../assets/svg/support.svg); }
footer a .settings {
background-image: url(./../assets/svg/settings.svg); }
footer .active {
color: #000000; }
body {
margin-left: 0; }
body p {
color: black; }
<footer>
<div class="grid-container">
<div class="grid-x grid-margin-x large-up-3 medium-up-2">
<div class="cell">
<h3><?php echo get_theme_mod('chc-footer-callout-headline'); ?></h3>
<p><?php echo get_theme_mod('chc-footer-callout-paragraph'); ?></p>
</div>
<div class="cell">
<h3><?php echo get_theme_mod('chc-footer-callout-useful-refs-text'); ?></h3>
<ul>
<li><a href="<?php echo get_permalink(get_theme_mod('chc-footer-callout-link1')); ?>"><?php echo get_the_title(url_to_postid(get_permalink(get_theme_mod('chc-footer-callout-link1')))); ?></a></li>
<li><a href="<?php echo get_permalink(get_theme_mod('chc-footer-callout-link2')); ?>"><?php echo get_the_title(url_to_postid(get_permalink(get_theme_mod('chc-footer-callout-link2')))); ?></a></li>
<li><a href="<?php echo get_permalink(get_theme_mod('chc-footer-callout-link3')); ?>"><?php echo get_the_title(url_to_postid(get_permalink(get_theme_mod('chc-footer-callout-link3')))); ?></a></li>
<li><a href="<?php echo get_permalink(get_theme_mod('chc-footer-callout-link4')); ?>"><?php echo get_the_title(url_to_postid(get_permalink(get_theme_mod('chc-footer-callout-link4')))); ?></a></li>
</ul>
</div>
<div class="cell">
<h3><?php echo get_theme_mod('chc-footer-callout-contacts-headline-text'); ?></h3>
<div class="item"><img src="<?php echo get_template_directory_uri(); ?>/assets/icons/map.svg" alt="Mapa" width="25"><span><?php echo get_theme_mod('chc-footer-callout-address-text'); ?></span></div>
<div class="item"><img src="<?php echo get_template_directory_uri(); ?>/assets/icons/email.svg" alt="E-mail" width="25"><span><?php echo get_theme_mod('chc-footer-callout-email-text'); ?></span></div>
<div class="item"><img src="<?php echo get_template_directory_uri(); ?>/assets/icons/phone.svg" alt="Telefon" width="25"><span><?php echo get_theme_mod('chc-footer-callout-phone-text'); ?></span></div>
<div class="item"><img src="<?php echo get_template_directory_uri(); ?>/assets/icons/clock.svg" alt="Hodiny" width="25"><span><?php echo get_theme_mod('chc-footer-callout-open-hours-text'); ?></span></div>
</div>
</div>
</div>
<?php wp_footer(); ?>
</footer>
<a href='#' class='active'>
<div class='icon home'></div>
<p>Home</p>
</a>
<a href='#'>
<div class='icon cards'></div>
<p>Cards</p>
</a>
<a href='#'>
<div class='icon topup'></div>
<p>Top Up</p>
</a>
<a href='#'>
<div class='icon support'></div>
<p>Support</p>
</a>
<a href='#'>
<div class='icon settings'></div>
<p>Settings</p>
</a>
<?php wp_footer(); ?>
</footer>
</div>
</body>
</html>
\ No newline at end of file
<?php get_header(); ?>
<!-- div container opened in header.php -->
<div class='main'>
<div class='top'>
<h2 id='greeting'> Welcome, Dafid </h2>
<div id='user__icon'></div>
<div class='clear'></div>
<p id='info__text'> Your Balance </p>
<h3 id='balance'>4,581</h3>
<div id='eye__icon'></div>
</div>
<div class='middle'>
<h3 id='statement'>Statement</h3>
<p id='view__all'>View all</p>
<div class='clear'></div>
<section class='term'>
<p class='day'>Today</p>
<div class='item'>
<div class='icon grocery'></div>
<div class='category'>Grocery</div>
<div class='price'>- $87.56</div>
<br>
<div class='name'>Eataly DownTown</div>
<div class='time'>5:03 PM</div>
</div>
<div class='item'>
<div class='icon transport'></div>
<div class='category'>Transport</div>
<div class='price'>- $7.23</div>
<br>
<div class='name'>Uber</div>
<div class='time'>3:30 PM</div>
</div>
<div class='item'>
<div class='icon entertainment'></div>
<div class='category'>Entertainment</div>
<div class='price'>- $200.00</div>
<br>
<div class='name'>Broadway</div>
<div class='time'>2:24 PM</div>
</div>
</section>
<section class='term'>
<p class='day'>Yesterday</p>
<div class='item'>
<div class='icon transport'></div>
<div class='category'>Transport</div>
<div class='price'>- $10.85</div>
<br>
<div class='name'>Lift</div>
<div class='time'>2:24 PM</div>
</div>
</section>
<section class="header header-homepage" style="background-image:url(<?php echo get_theme_mod('chc-landing-callout-image'); ?>)">
<div class="grid-container">
<p>
<?php
$id = get_the_ID();
$post = get_post($id);
$content = apply_filters('the_content', $post->post_content);
echo $content;
?>
</p>
<div class="button primary" data-modal-open="video"><span>Přehrát video</span></div>
</div>
</section>
<section class="news-homepage global-pad">
<div class="grid-container">
<div class="grid-x grid-margin-x">
<div class="cell large-3 news-text">
<h2><?php echo get_theme_mod('chc-news-callout-headline'); ?></h2>
<p><?php echo get_theme_mod('chc-news-callout-paragraph'); ?></p>
<div><a class="button primary" href="<?php echo get_permalink(get_theme_mod('chc-news-callout-button-link')); ?>"><span><?php echo get_theme_mod('chc-news-callout-button-text'); ?></span></a></div>
</div>
<div class="cell large-9">
<div class="newsCarousel">
<?php
/* Nejnovější příspěvky */
$args = array(
'numberposts' => 12,
'offset' => 0,
'category' => '',
'orderby' => 'post_date',
'order' => 'DESC',
'include' => '',
'exclude' => '',
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'post',
'post_status' => 'publish',
'suppress_filters' => true
);
$prispevky = wp_get_recent_posts( $args, ARRAY_A );
foreach ($prispevky as $post) { ?>
<?php $zkracenyObsah = substr(get_the_excerpt($post['ID']), 0, strpos(wordwrap(get_the_excerpt($post['ID']), 90), "\n"));
$cat_id = get_the_category($post['ID'])[0]->term_id;
?>
<div>
<article><a href="<?php echo get_the_permalink($post['ID']); ?>">
<?php if($cat_id != 1){ echo '<span class="label">' . get_the_category($post['ID'])[0]->name . '</span>'; } ?>
<?php if (empty(get_the_post_thumbnail_url($post['ID']))){ ?>
<div class="inner" style="background-image: url(<?php echo get_template_directory_uri(); ?>/assets/home/1.jpg)">
<?php } else { ?>
<div class="inner" style="background-image: url(<?php echo get_the_post_thumbnail_url($post['ID']) ?>)">
<?php } ?>
<h3><?php echo get_the_title($post['ID']); ?></h3>
<time datetime="<?php echo get_the_date('Y-m-d', $post['ID']); ?>"><?php echo get_the_date('d.m.Y', $post['ID']); ?></time>
<div class="text">
<p><?php if(!empty($zkracenyObsah)) {echo $zkracenyObsah . "...";} ?></p>
</div>
</div></a></article>
</div>
<?php } ?>
</div>
<div class="nav-container">
<button data-direction="prev"></button>
<button data-direction="next"></button>
</div>
</div>
</div>
</div>
</section>
<section class="homepage-about global-pad">
<div class="grid-container">
<div class="grid-x grid-margin-x">
<div class="cell large-6 medium-8 vertical-center">
<h2 class="underline"><?php echo get_theme_mod('chc-fields-callout-headline'); ?></h2>
<p><?php echo get_theme_mod('chc-fields-callout-paragraph'); ?></p>
<div><a class="button primary" href="<?php echo get_permalink(get_theme_mod('chc-fields-callout-button-link')); ?>"><span><?php echo get_theme_mod('chc-fields-callout-button-text'); ?></span></a></div>
</div>
<div class="cell large-offset-2 medium-4"><img src="<?php echo get_theme_mod('chc-fields-callout-image');?>" alt="<?php echo get_post_meta(chc_get_image_id(get_theme_mod('chc-fields-callout-image')), '_wp_attachment_image_alt', TRUE); ?>"></div>
</div>
</div>
</section>
<div class="homepage-boxes global-bottom">
<div class="grid-container">
<div class="grid-x grid-margin-x large-up-3 medium-up-2">
<?php
/* Zaměření a předměty */
$args = array(
'numberposts' => 3,
'offset' => 0,
'category' => 10,
'orderby' => 'post_date',
'order' => 'ASC',
'include' => '',
'exclude' => '',
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'post',
'post_status' => 'publish',
'suppress_filters' => true
);
$zamereni = wp_get_recent_posts( $args, ARRAY_A );
foreach ($zamereni as $post) { ?>
<div class="cell item"><a class="basic" href="<?php echo get_the_permalink($post['ID']); ?>">
<div class="top">
<div class="image-container"><img src="<?php echo get_the_post_thumbnail_url($post['ID']) ?>" alt="<?php echo get_post_meta(chc_get_image_id(get_the_post_thumbnail_url($post['ID'])), '_wp_attachment_image_alt', TRUE); ?>"></div>
<div class="text-container">
<h3><?php echo get_the_title($post['ID']); ?></h3>
</div>
</div>
<div class="bottom">
<p><?php echo get_the_excerpt($post['ID']); ?></p>
</div>
<div class="button-container">
<div class="button secondary">Více</div>
</div></a></div>
<?php } ?>
</div>
</div>
</div>
<div class="modal-container" id="video">
<iframe src="https://www.youtube.com/embed/NC6psa9nGsk" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<?php get_footer(); ?>
\ No newline at end of file
<section class='term'>
<p class='day'>Apr 23</p>
<div class='item'>
<div class='icon health'></div>
<div class='category'>Health</div>
<div class='price'>- $10.17</div>
<br>
<div class='name'>Walgreens 5th Ave</div>
<div class='time'>9:12 PM</div>
</div>
</section>
<div id='end'><p>This is the end.</p></div>
</div>
</div>
<!-- div container closed in footer.php -->
<?php get_footer(); ?>
\ No newline at end of file
......@@ -2,17 +2,14 @@
/* Loading CSS */
function load_css() {
wp_register_style('mainstyle', get_template_directory_uri() . '/css/app.min.css', array(), false, 'all');
wp_enqueue_style('mainstyle');
wp_register_style('customstyle', get_template_directory_uri() . '/style.css', array(), false, 'all');
wp_register_style('customstyle', get_template_directory_uri() . '/css/style.css', array(), false, 'all');
wp_enqueue_style('customstyle');
}
add_action('wp_enqueue_scripts', 'load_css');
/* Loading JS */
/* Loading JS */ /*
function load_js() {
wp_register_script('mainjs', get_template_directory_uri() . '/js/app.min.js', array(), 1, true);
wp_enqueue_script('mainjs');
......@@ -22,30 +19,7 @@ function load_js() {
}
add_action('wp_enqueue_scripts', 'load_js');
/* Add menus */
if ( ! function_exists( 'mytheme_register_nav_menu' ) ) {
function mytheme_register_nav_menu(){
register_nav_menus( array(
'primary_menu' => __( 'Primary Menu', 'Primární menu nahoře zobrazované uživatelům na počítači' ),
'mobile_menu' => __( 'Mobile Menu', 'Primární menu nahoře zobrazované uživatelům na mobilních zařízeních' ),
'footer_menu' => __( 'Footer Menu', 'Výběr 4 položek v patičce webové stránky' ),
) );
}
add_action( 'after_setup_theme', 'mytheme_register_nav_menu', 0 );
}
function new_submenu_class($menu) {
if (strpos($menu, 'menu-vertical') == false) {
$menu = preg_replace('/ class="sub-menu"/','/ class="submenu" /', $menu,);
return $menu;
} else {
return $menu;
}
}
add_filter('wp_nav_menu','new_submenu_class');
*/
/* Add post thumbnails support */
add_theme_support( 'post-thumbnails' );
......
......@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<?php wp_head(); ?>
<title><?php wp_title("&bull;", "true", "right"); ?> Creative Hill College</title>
<title><?php wp_title("&bull;", "true", "right"); ?>Creepy web</title>
<script>
WebFont.load({
google: {
......@@ -15,29 +15,5 @@
</script>
</head>
<body <?php body_class(); ?>>
<div class="sticky-bar">
<div class="grid-x grid-margin-x">
<div class="cell shrink logo"><a href="/"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.svg" alt="Logo" width="70"></a></div>
<div class="cell auto">
<?php
wp_nav_menu( array(
'menu' => 'primary_menu',
'menu_class' => 'menu',
'container' => 'nav',
) );
?>
<button class="burger" data-open-elem="mobile"><img src="<?php echo get_template_directory_uri(); ?>/assets/icons/menu.svg" alt="Menu" width="40"></button>
</div>
</div>
</div>
<div id="mobile">
<button class="close" data-open-elem="mobile"><img src="<?php echo get_template_directory_uri(); ?>/assets/icons/cross.svg" alt="Křížek"></button>
<div class="logo"><a href="/"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.svg" alt="Logo" width="70"></a></div>
<?php
wp_nav_menu( array(
'menu' => 'mobile_menu',
'menu_class' => 'menu menu-vertical',
'container' => 'nav',
) );
?>
</div>
\ No newline at end of file
<div class='container'>
\ No newline at end of file
$yellow: #ffd300;
$darkgray: #231f20;
$lightgray: #dedede;
$gray: #706f73;
$black: #000000;
$white: #ffffff;
$text_gray: #686766;
body, html {
background-color: $white;
margin: 0px;
padding: 0px;
font-family: "Open Sans",sans-serif;
}
.clear {
clear: both;
}
/* Container vymezující výšku a šířku */
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 375px;
height: 812px;
box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3);
overflow-y: hidden;
}
/* Styly pro hlavní šablonu */
.main {
.top {
width: calc(100% - 64px);
height: 260px; /* v návrhu bylo 280px, ale ve výsledku byl container o hodně vyšší. */
box-shadow: 0 5px 0 rgba(202, 172, 0, 0.88), 0 2px 24px rgba(0, 0, 0, 0.5);
//border-radius: 40px 40px 20px 20px;
border-radius: 0px 0px 20px 20px;
background-color: $yellow;
position: relative;