add search page template
This commit is contained in:
parent
3bc3b331c0
commit
b6a5c5792d
9 changed files with 100 additions and 95 deletions
|
|
@ -39,6 +39,7 @@ header .header-logo-container {
|
|||
padding: 0.22222rem 0;
|
||||
color: #333333;
|
||||
line-height: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
header .header-logo-container::after {
|
||||
|
|
@ -49,10 +50,6 @@ header .header-button-container {
|
|||
margin-left: 3.33333rem;
|
||||
}
|
||||
|
||||
header nav {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
header:not(.sticky-header) nav {
|
||||
margin-top: 3.11111rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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/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-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="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="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="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="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="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="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="152x152" href="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/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="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="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="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="https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/favicon-128.png" sizes="128x128">
|
||||
<link rel="apple-touch-icon" href="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon.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="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-114x114.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="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-144x144.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="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-120x120.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="<?php bloginfo('stylesheet_directory');?>/img/apple-touch-icon-152x152.png">
|
||||
<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="<?php bloginfo('stylesheet_directory');?>/img/favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="icon" type="image/png" href="<?php bloginfo('stylesheet_directory');?>/img/favicon-128.png" sizes="128x128">
|
||||
<meta name="application-name" content=" ">
|
||||
<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-square70x70logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-70x70.png">
|
||||
<meta name="msapplication-square150x150logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-150x150.png">
|
||||
<meta name="msapplication-wide310x150logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-310x150.png">
|
||||
<meta name="msapplication-square310x310logo" content="/typo3conf/ext/dp_contentelements/Resources/Public/img/favicon-ogp/mstile-310x310.png">
|
||||
<meta name="msapplication-TileImage" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-144x144.png">
|
||||
<meta name="msapplication-square70x70logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-70x70.png">
|
||||
<meta name="msapplication-square150x150logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-150x150.png">
|
||||
<meta name="msapplication-wide310x150logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-310x150.png">
|
||||
<meta name="msapplication-square310x310logo" content="<?php bloginfo('stylesheet_directory');?>/img/mstile-310x310.png">
|
||||
|
||||
<script>
|
||||
window.addEventListener('load',function(){
|
||||
|
|
@ -90,24 +90,17 @@
|
|||
|
||||
|
||||
|
||||
<header class="">
|
||||
<header>
|
||||
|
||||
<div class="content-wrap">
|
||||
|
||||
|
||||
<h1 class="header-logo-container">
|
||||
|
||||
<a href="https://www.kit-ausbildung.de/de/">
|
||||
<a href="<?php echo home_url(); ?>">
|
||||
<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-mobile" src="<?php bloginfo('stylesheet_directory');?>/img/kit-logo-without-text.svg" alt="Logo: Karlsruher Institut für Technologie">
|
||||
</a>
|
||||
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://www.kit-ausbildung.de/de/suche" class="header-search">
|
||||
<img src="<?php bloginfo('stylesheet_directory');?>/img/magnifier-dark.svg" alt="Suche">
|
||||
<span>Suche</span>
|
||||
|
|
@ -119,7 +112,7 @@
|
|||
<?php get_template_part('template-parts/site-nav'); ?>
|
||||
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -920,36 +920,9 @@ Ganz egal. Wir suchen Menschen mit den unterschiedlichsten Interessen und Begabu
|
|||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- TYPO3SEARCH_end -->
|
||||
</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
|
||||
get_footer();
|
||||
|
||||
get_template_part('template-parts/sidebar');
|
||||
get_footer();
|
||||
|
|
|
|||
23
kit/page.php
23
kit/page.php
|
|
@ -13,24 +13,7 @@ get_header();
|
|||
|
||||
</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
|
||||
get_footer();
|
||||
|
||||
get_template_part('template-parts/sidebar');
|
||||
get_footer();
|
||||
|
|
|
|||
39
kit/searchpage.php
Normal file
39
kit/searchpage.php
Normal 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();
|
||||
|
|
@ -5,6 +5,7 @@
|
|||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
/* 1 */
|
||||
|
|
|
|||
|
|
@ -5,5 +5,6 @@
|
|||
'menu_class' => 'content-wrap',
|
||||
'depth' => 1
|
||||
) );
|
||||
|
||||
?>
|
||||
</section>
|
||||
|
|
|
|||
18
kit/template-parts/sidebar.php
Normal file
18
kit/template-parts/sidebar.php
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue