onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add search page template

Browse source
This commit is contained in:
Jonas Heinrich 2020-04-09 11:30:08 +02:00
parent 3bc3b331c0
commit b6a5c5792d
9 changed files with 100 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

5
kit/css/header.css
View file

@ -39,6 +39,7 @@ header .header-logo-container {
padding: 0.22222rem 0; padding: 0.22222rem 0;
color: #333333; color: #333333;
line-height: 1; line-height: 1;
flex-grow: 1;
} }
header .header-logo-container::after { header .header-logo-container::after {
@ -49,10 +50,6 @@ header .header-button-container {
margin-left: 3.33333rem; margin-left: 3.33333rem;
} }
header nav {
flex-grow: 1;
}
header:not(.sticky-header) nav { header:not(.sticky-header) nav {
margin-top: 3.11111rem; margin-top: 3.11111rem;
} }

53
kit/header.php
View file

@ -21,27 +21,27 @@
<script src="<?php bloginfo('stylesheet_directory');?>/js/jquery-3.js" type="text/javascript"></script> <script src="<?php bloginfo('stylesheet_directory');?>/js/jquery-3.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory');?>/js/js.js" type="text/javascript" async="async"></script> <script src="<?php bloginfo('stylesheet_directory');?>/js/js.js" type="text/javascript" async="async"></script>
<link rel="apple-touch-icon" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon.png"> <link rel="apple-touch-icon" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-ogp/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/favicon-128.png" sizes="128x128"> <link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-128.png" sizes="128x128">
<meta name="application-name" content="&nbsp;"> <meta name="application-name" content="&nbsp;">
<meta name="msapplication-TileColor" content="#0065A9"> <meta name="msapplication-TileColor" content="#0065A9">
<meta name="msapplication-TileImage" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-144x144.png"> <meta name="msapplication-TileImage" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-144x144.png">
<meta name="msapplication-square70x70logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-70x70.png"> <meta name="msapplication-square70x70logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-70x70.png">
<meta name="msapplication-square150x150logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-150x150.png"> <meta name="msapplication-square150x150logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-150x150.png">
<meta name="msapplication-wide310x150logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-310x150.png"> <meta name="msapplication-wide310x150logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-310x150.png">
<meta name="msapplication-square310x310logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-310x310.png"> <meta name="msapplication-square310x310logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-310x310.png">
<script> <script>
window.addEventListener('load',function(){ window.addEventListener('load',function(){
@ -90,24 +90,17 @@
<header class=""> <header>
<div class="content-wrap"> <div class="content-wrap">
<h1 class="header-logo-container"> <h1 class="header-logo-container">
<a href="<?php echo home_url(); ?>">
<a href="https://www.kit-ausbildung.de/de/">
<span class="header-logo-text">KIT - Karlsruher Institut für Technologie</span> <span class="header-logo-text">KIT - Karlsruher Institut für Technologie</span>
<img class="header-logo" src="<?php bloginfo('stylesheet_directory');?>/img/kit-logo.svg" alt="Logo: Karlsruher Institut für Technologie"> <img class="header-logo" src="<?php bloginfo('stylesheet_directory');?>/img/kit-logo.svg" alt="Logo: Karlsruher Institut für Technologie">
<img class="header-logo-mobile" src="<?php bloginfo('stylesheet_directory');?>/img/kit-logo-without-text.svg" alt="Logo: Karlsruher Institut für Technologie"> <img class="header-logo-mobile" src="<?php bloginfo('stylesheet_directory');?>/img/kit-logo-without-text.svg" alt="Logo: Karlsruher Institut für Technologie">
</a> </a>
</h1> </h1>
<a href="https://www.kit-ausbildung.de/de/suche" class="header-search"> <a href="https://www.kit-ausbildung.de/de/suche" class="header-search">
<img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-dark.svg" alt="Suche"> <img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-dark.svg" alt="Suche">
<span>Suche</span> <span>Suche</span>
@ -119,7 +112,7 @@
<?php get_template_part('template-parts/site-nav'); ?> <?php get_template_part('template-parts/site-nav'); ?>
<div class="header-button-container"> <div class="header-button-container">
<a href="https://www.kit-ausbildung.de/de/offene-stellen" class="header-button"><span>Offene Stellen</span></a> <a href="https://www.kit-ausbildung.de/de/offene-stellen" class="header-button"><span>Zum Bestand</span></a>
</div> </div>
</div> </div>

33
kit/index.php
View file

@ -920,36 +920,9 @@ Ganz egal. Wir suchen Menschen mit den unterschiedlichsten Interessen und Begabu
</div> </div>
</section> </section>
<!-- TYPO3SEARCH_end -->
</main> </main>
<aside id="c140">
<a href="https://www.kit-ausbildung.de/de/suche" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-white.svg" alt="Suche">
<span>Suche</span>
</a>
<a href="https://www.kit-ausbildung.de/de/faq" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/faq-white.svg" alt="Zu den FAQ">
<span>Zu den FAQ</span>
</a>
<a href="mailto:info@ausbildung.kit.edu" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/mail-white.svg" alt="Kontakt">
<span>Kontakt</span>
</a>
</aside>
<?php <?php
get_footer();
get_template_part('template-parts/sidebar');
get_footer();

23
kit/page.php
View file

@ -13,24 +13,7 @@ get_header();
</main> </main>
<aside id="c140">
<a href="https://www.kit-ausbildung.de/de/suche" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-white.svg" alt="Suche">
<span>Suche</span>
</a>
<a href="https://www.kit-ausbildung.de/de/faq" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/faq-white.svg" alt="Zu den FAQ">
<span>Zu den FAQ</span>
</a>
<a href="mailto:info@ausbildung.kit.edu" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/mail-white.svg" alt="Kontakt">
<span>Kontakt</span>
</a>
</aside>
<?php <?php
get_footer();
get_template_part('template-parts/sidebar');
get_footer();

39
kit/searchpage.php Normal file
View file

@ -0,0 +1,39 @@
<?php
/*
Template Name: Search Page
*/
get_header();
?>
<main>
<section class="full-width background-color-page-theme" id="c3318">
<?php if ( has_post_thumbnail() ) { ?>
<div class="intro-element align-center background-color-page-theme-contrast" style="background-image: url(<?php echo get_the_post_thumbnail_url(); ?>);">
<?php } else { ?>
<div class="intro-element align-center background-color-page-theme-contrast" style="background-image: url(/fileadmin/user_upload/00_Startseite/20191216-CN-02-251_Homepage.jpg);">
<?php } ?>
<div class="content-wrap">
<h1>Suche</h1>
</div>
</div>
</section>
<section class="background-color-white">
<div class="content-wrap">
<article>
<?php get_search_form(); ?>
</article>
</div>
</section>
</main>
<?php
get_template_part('template-parts/sidebar');
get_footer();

1
kit/style.css
View file

@ -5,6 +5,7 @@
* 2. Prevent iOS text size adjust after orientation change, without disabling * 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom. * user zoom.
*/ */
html { html {
font-family: sans-serif; font-family: sans-serif;
/* 1 */ /* 1 */

1
kit/template-parts/footer-nav.php
View file

@ -5,5 +5,6 @@
'menu_class' => 'content-wrap', 'menu_class' => 'content-wrap',
'depth' => 1 'depth' => 1
) ); ) );
?> ?>
</section> </section>

18
kit/template-parts/sidebar.php Normal file
View file

@ -0,0 +1,18 @@
<aside id="c140">
<a href="<?php echo home_url(); ?>/search" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-white.svg" alt="Suche">
<span>Suche</span>
</a>
<a href="https://www.kit-ausbildung.de/de/faq" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/faq-white.svg" alt="Zu den FAQ">
<span>Zu den FAQ</span>
</a>
<a href="mailto:info@ausbildung.kit.edu" class="aside-icon">
<img src="<?php bloginfo('stylesheet_directory');?>/img/mail-white.svg" alt="Kontakt">
<span>Kontakt</span>
</a>
</aside>