News umgebaut

Author: mk1012

css/coderdojoka.css

@@ -708,3 +708,35 @@ body {
      color: #42dca3 !important;
 }
 
+#news_container{
+	margin-bottom: 200px;
+	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+	font-size: 20pt;
+	text-align: left;
+}
+
+.triangle_box{
+	width: auto;
+	height: 40px;
+	line-height: 40px;
+	font-size: 22pt;
+	margin: 5px 0;
+}
+.triangle_text{
+	background-color: black;	
+	color: white;
+	float: left	;	
+	padding-left: 5px;
+	width: 265px;
+}
+
+.triangle_right {
+	float: left;
+	width: 0;
+	height: 0;
+	border-top: 20px solid transparent;
+	border-left: 30px solid black;
+	border-bottom: 20px solid transparent;
+	margin-right: 10px;
+}
+

index.html

@@ -142,9 +142,32 @@ <h2 class="brand-heading">Karlsruhe</h2>
     </div>
 </header>
 
+
 <!-- About Section -->
 <section id="about" class="content-section text-center">
     <div class="container">
+
+ 	<table id="news_container">
+		<tr>
+			<td>
+				<div class="triangle_box">
+					<div class="triangle_text">Nächstes Treffen</div>
+					<div class="triangle_right"></div>
+				</div>
+			</td>
+			<td>20. November</td>
+		</tr>
+		<tr>
+			<td>
+				<div class="triangle_box">
+					<div class="triangle_text">Neu</div>
+					<div class="triangle_right"></div>
+				</div>
+			</td>
+			<td><a href="raetsel.html">Das Rätsel der Woche</td>
+		</tr>
+	</table>
+
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
                 <h2>Was ist ein CoderDojo?</h2>
@@ -466,8 +489,9 @@ <h2>Unterstützer</h2>
 <!-- Custom Theme JavaScript -->
 <script src="js/coderdojoka.js"></script>
 
-<!-- News ticker -->
+<!-- News ticker
 <script src="js/news_anim.js"></script>
+ -->
 
 <!-- Init Lightbox -->
 <script>
@@ -477,8 +501,8 @@ <h2>Unterstützer</h2>
         'fitImagesInViewport': true
     });
 
-	News.init(["Neu: das <a href='raetsel.html'>Rätsel der Woche</a>", "nächstes Treffen am 20.Nov"]);
-	News.animate();
+//	News.init(["Neu: das <a href='raetsel.html'>Rätsel der Woche</a>", "nächstes Treffen am 20.Nov"]);
+//  News.animate();
 </script>