Browse Source

Div. Kram

Moritz Schmidt 9 năm trước cách đây
mục cha
commit
2946c5601f
9 tập tin đã thay đổi với 246 bổ sung75 xóa
  1. 12 20
      footer.php
  2. 1 0
      functions.php
  3. 28 26
      header.php
  4. 1 1
      index.php
  5. 40 0
      page-blog.php
  6. 66 0
      page-projects.php
  7. 2 5
      page.php
  8. 2 2
      single-tdas.php
  9. 94 21
      style.css

+ 12 - 20
footer.php

@@ -1,3 +1,15 @@
+    <div class="footer-wrapper">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <footer class="footer">
+              <p>© <a href="http://www.heidelbergcement.de/de">HeidelbergCement AG</a> und <a href="http://www.hd.akbw.de/">Architektenkammer Baden-Württemberg, Kammergruppe Heidelberg</a></p>
+            </footer>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <?php wp_footer(); ?>
 
     <script type='text/javascript' src='https://ams.mmnx.de/wp-content/themes/ams_2016/dist/holder.js'></script>
@@ -8,26 +20,6 @@
       jQuery( document ).ready(function($) {
         $('#nav').Stickyfill(); // NAV
 
-        /** TAG DER ARCHITEKTUR LISTE **/
-
-        $(".tda-item").on("mouseenter", function() {
-          $(this).find(".tda-hover").show();
-        });
-
-        $(".tda-item").on("mouseleave", function() {
-          $(this).find(".tda-hover").hide();
-        });
-
-        /*$("#tda-content-0").show(); // show first thing
-        $($(".tda-item")[0]).css("opacity", "0.5");
-
-        $(".tda-item").on("hover", function() {
-          $(".tda-item").css("opacity", "1");
-          $(".tda-content").hide();
-          $(this).css("opacity", "0.5");
-          $("#tda-content-" + $(this).attr("data-id")).show();
-        });*/
-
         /** TdA Carousel **/
 
         $('.owl-carousel').slick({

+ 1 - 0
functions.php

@@ -51,6 +51,7 @@ function create_post_types() {
       'has_archive' => true,
       'menu_icon' => 'dashicons-admin-users',
       'supports' => array('title', 'editor', 'thumbnail'),
+      'exlude_from_search' => true
     )
   );
 

+ 28 - 26
header.php

@@ -15,33 +15,35 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
   </head>
   <body>
-    <div id="top"></div>
-    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-      <ol class="carousel-indicators">
-        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
-        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
-        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
-      </ol>
-      <div class="carousel-inner" role="listbox">
-        <div class="carousel-item active">
-          <img src="https://ams.mmnx.de/wp-content/uploads/2016/09/TdAKuJ_2012_Slider01.jpg" alt="First slide">
+    <div id="top"></div><?php
+    if(is_front_page()) {?>
+      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+        <ol class="carousel-indicators">
+          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+        </ol>
+        <div class="carousel-inner" role="listbox">
+          <div class="carousel-item active">
+            <img src="https://ams.mmnx.de/wp-content/uploads/2016/09/TdAKuJ_2012_Slider01.jpg" alt="First slide">
+          </div>
+          <div class="carousel-item">
+            <img src="https://ams.mmnx.de/wp-content/uploads/2016/09/lehrerfortbildung_a.jpg" alt="Second slide">
+          </div>
+          <div class="carousel-item">
+            <img src="https://ams.mmnx.de/wp-content/uploads/2016/09/teaser.png" alt="Third slide">
+          </div>
         </div>
-        <div class="carousel-item">
-          <img src="https://ams.mmnx.de/wp-content/uploads/2016/09/lehrerfortbildung_a.jpg" alt="Second slide">
-        </div>
-        <div class="carousel-item">
-          <img src="https://ams.mmnx.de/wp-content/uploads/2016/09/teaser.png" alt="Third slide">
-        </div>
-      </div>
-      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
-        <span class="icon-prev" aria-hidden="true"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
-        <span class="sr-only">Previous</span>
-      </a>
-      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
-        <span class="icon-next" aria-hidden="true"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
-        <span class="sr-only">Next</span>
-      </a>
-    </div><!--/carousel-->
+        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+          <span class="icon-prev" aria-hidden="true"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
+          <span class="sr-only">Previous</span>
+        </a>
+        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+          <span class="icon-next" aria-hidden="true"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
+          <span class="sr-only">Next</span>
+        </a>
+      </div><!--/carousel--><?php
+    } ?>
 
     <nav id="nav" class="navbar navbar-light bg-faded fixedsticky">
       <div class="container">

+ 1 - 1
index.php

@@ -94,7 +94,7 @@
                             <div class="relcontainer">
                               <a href="<?= get_permalink(); ?>">
                                 <?php if(has_post_thumbnail()) the_post_thumbnail('thumbnail', array('class' => 'tda-gallery-item')); ?>
-                                <div class="tda-hover" style="display: none;">
+                                <div class="tda-hover">
                                   <div class="relcontainer">
                                     <span><?php the_title(); ?></span>
                                   </div>

+ 40 - 0
page-blog.php

@@ -0,0 +1,40 @@
+<?php
+/**
+ * Template Name: Blog Page
+ *
+ * @package WordPress
+ * @subpackage AmS 2016
+ * @since AmS 2016 1.0
+ */
+
+
+get_header();
+
+$cat = get_category_by_slug("Startseite");
+query_posts("cat=-" . $cat->term_id . "&post_type=any");
+
+if (have_posts()) : while (have_posts()) : the_post(); ?>
+  <div id="single" class="content-wrapper">
+    <div class="beam">
+      <div class="container clearfix">
+        <div class="row">
+          <div class="col-lg-1">
+            <span class="tag tag-pill"><?php the_time("M"); ?><br><?php the_time("y"); ?></span>
+          </div>
+          <div class="col-lg-11">
+            <h1><?php the_title(); ?></h1>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container text-muted">
+      <div class="row">
+        <div class="col-lg-11 offset-lg-1">
+          <?php the_content(); ?>
+        </div>
+      </div>
+    </div>
+  </div><?php
+
+endwhile; endif;
+get_footer(); ?>

+ 66 - 0
page-projects.php

@@ -0,0 +1,66 @@
+<?php
+/**
+ * Template Name: Projects Page
+ *
+ * @package WordPress
+ * @subpackage AmS 2016
+ * @since AmS 2016 1.0
+ */
+
+get_header();
+
+if (have_posts()) : while (have_posts()) : the_post(); ?>
+
+  <div id="projects-page" class="content-wrapper">
+    <div class="beam">
+      <div class="container clearfix">
+        <div class="row">
+          <div class="col-lg-12">
+            <h1>Tag der Archi&shy;tek&shy;tur <?php the_title(); ?></h1>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container text-muted">
+      <div class="row">
+        <div class="col-lg-12">
+          <?php the_content(); ?>
+        </div>
+      </div>
+<?php endwhile; endif;
+
+$args = array(
+  'post_type'      => 'page',
+  'posts_per_page' => -1,
+  'post_parent'    => $post->ID,
+  'order'          => 'ASC',
+  'orderby'        => 'menu_order'
+);
+
+query_posts($args); ?>
+<div class="row">
+
+<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+  <div class="col-lg-6">
+    <div class="card card-block">
+      <a href="<?php echo esc_url(get_permalink()); ?>"><h4 class="card-title"><?php the_title(); ?></h4></a>
+      <p class="card-text"><?php the_content(); ?></p>
+    </div>
+  </div>
+<?php endwhile; endif; ?>
+
+  </div>
+
+    </div>
+  </div>
+
+
+
+
+<div id="projects-page" class="content-wrapper">
+<div class="container clearfix">
+
+  </div>
+</div>
+
+<?php get_footer(); ?>

+ 2 - 5
page.php

@@ -6,10 +6,7 @@
       <div class="beam">
         <div class="container clearfix">
           <div class="row">
-            <div class="col-lg-1">
-              <span class="tag tag-pill"><?php the_time("M"); ?><br><?php the_time("y"); ?></span>
-            </div>
-            <div class="col-lg-11">
+            <div class="col-lg-12">
               <h1><?php the_title(); ?></h1>
             </div>
           </div>
@@ -17,7 +14,7 @@
       </div>
       <div class="container text-muted">
         <div class="row">
-          <div class="col-lg-11 offset-lg-1">
+          <div class="col-lg-12">
             <?php the_content(); ?>
           </div>
         </div>

+ 2 - 2
single-tdas.php

@@ -7,10 +7,10 @@
         <div class="container clearfix">
           <div class="row">
             <div class="col-lg-1">
-              <span class="tag tag-pill"><?php the_time("M"); ?><br><?php the_time("y"); ?></span>
+              <span class="tag tag-pill"><?php the_time("M"); ?><br><div style="margin-top: 5px;"></div><?php the_time("y"); ?></span>
             </div>
             <div class="col-lg-11">
-              <h1>Tag der Architektur <?php the_title(); ?></h1>
+              <h1>Tag der Archi&shy;tek&shy;tur <?php the_title(); ?></h1>
             </div>
           </div>
         </div>

+ 94 - 21
style.css

@@ -21,19 +21,19 @@ Text Domain: ams2016
 
 .carousel-control .icon-next .fa-chevron-right:before, .carousel-control .icon-prev .fa-chevron-left:before {
   position: absolute;
-  left: 8px;
-  top: 4px;
-  font-size: 25px;
+  left: 25px;
+  top: 18px;
+  font-size: 50px;
 }
 
 .carousel-control .fa-chevron-right, .carousel-control .fa-chevron-left {
   background: #008238;
   border-radius: 50%;
-  padding: 16px;
+  padding: 40px;
 }
 
 .carousel-control .icon-prev .fa-chevron-left:before {
-  left: 4px;
+  left: 18px;
 }
 
 .carousel-inner > .carousel-item > img {
@@ -161,8 +161,12 @@ Text Domain: ams2016
 .tag-pill {
   color: white;
   background: black;
-  padding: 20px 20px !important;
-  font-size: 20px;
+  padding: 20px 25px;
+  font-size: 25px;
+}
+
+#single, #tdas-single {
+  margin-bottom: 0;
 }
 
 #tdas-single h1 {
@@ -170,7 +174,8 @@ Text Domain: ams2016
 }
 
 #tdas-single span.tag {
-  padding: 15px 5px;
+  padding: 21px 31px;
+  padding-top: 30px;
 }
 
 .slick-slide {
@@ -232,8 +237,14 @@ Text Domain: ams2016
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   background: #008238;
-  padding: 5px;
+  padding: 20px;
   border-radius: 50%;
+  opacity: 0.4;
+  transition: opacity 0.3s ease;
+}
+
+.slick-slider .icon-next:hover, .slick-slider .icon-prev:hover {
+  opacity: 1;
 }
 
 .slick-slider .icon-next > .fa, .slick-slider .icon-prev > .fa {
@@ -243,23 +254,25 @@ Text Domain: ams2016
 
 .slick-slider .icon-next > .fa:before {
   position: absolute;
-  left: 10px;
-  top: 7px;
+  left: 12px;
+  top: 10px;
+  font-size: 25px;
 }
 
 .slick-slider .icon-prev > .fa:before {
   position: absolute;
-  left: 7px;
-  top: 7px;
+  left: 9px;
+  top: 10px;
+  font-size: 25px;
 }
 
 .slick-slider .icon-next {
-  right: 0;
+  right: 5px;
   z-index: 5;
 }
 
 .slick-slider .icon-prev {
-  left: 0;
+  left: 5px;
   z-index: 5;
 }
 
@@ -275,6 +288,36 @@ Text Domain: ams2016
   color: white;
 }
 
+.tda-item .tda-hover {
+  transition: transform 0.7s ease;
+  transform: scale(0, 0);
+}
+
+.tda-item:hover .tda-hover {
+  transform: scale(1, 1);
+}
+
+.footer-wrapper {
+  font-family: 'Special Elite', cursive;
+  background: #C0C0C0;
+}
+
+footer p {
+  margin-top: 1rem;
+}
+
+footer p a {
+  color: #373a3c;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+.card a {
+  color: inherit;
+}
+
 @media(min-width: 544px) {
   .menu-item.dropdown::after {
     content: "\f0d7";
@@ -286,15 +329,45 @@ Text Domain: ams2016
 }
 
 @media (min-width: 768px) {
-  .slick-slider .icon-next {
-    right: -35px;
+
+  .navbar-nav .nav-item {
+    margin-left: 1rem;
   }
 
-  .slick-slider .icon-prev {
-    left: -35px;
+}
+
+@media (min-width: 992px) {
+  #tdas-single span.tag {
+    left: -15px;
+    position: absolute;
   }
+}
 
-  .navbar-nav .nav-item {
-    margin-left: 1rem;
+@media (min-width: 1280px) {
+  .slick-slider .icon-next, .slick-slider .icon-prev {
+    width: 80px;
+    height: 80px;
+  }
+
+  .slick-slider .icon-next > .fa:before {
+    position: absolute;
+    left: 25px;
+    top: 19px;
+    font-size: 50px;
+  }
+
+  .slick-slider .icon-prev > .fa:before {
+    position: absolute;
+    left: 15px;
+    top: 17px;
+    font-size: 50px;
+  }
+
+  .slick-slider .icon-next {
+    right: -105px;
+  }
+
+  .slick-slider .icon-prev {
+    left: -105px;
   }
 }