Merge branch 'master' of git.informatik.uni-leipzig.de:dbpedia-assoc/marvin-config

7030bd41 · vehnem · d96c3f31 · 0889fa79 · 7030bd41 · 7030bd41
Commit 7030bd41 authored Jun 22, 2020 by vehnem
--- a/dashboard/src/main/webapp/index.html
+++ b/dashboard/src/main/webapp/index.html
-<h1> DBpedia Release Dashboard </h1>
\ No newline at end of file
+<html>
+	<head>
+	 <link href="stylesheets/timeline.css"   rel="stylesheet"  />
+	</head>
+	
+	<body>
+		
+		
+ 
+		
+<div style="width: 100%;">
+	
+	
+	 <div class="timeline" style="float:left; width: 25%;">
+                  <div class="container left" >
+					<div class="content">
+					  <p><b>2020.05.01</b></p>
+					  <p><a href="*/generic/*/2020.05.01" >Generic</a></p>
+					</div>
+				  </div>
+				  <div class="container left">
+					<div class="content">
+					  <h2>2016</h2>
+					  <p>Lorem ipsum..</p>
+					</div>
+				  </div>
+				   <div class="container left">
+					<div class="content">
+					  <h2>2016</h2>
+					  <p>Lorem ipsum..</p>
+					</div>
+				  </div>
+				   <div class="container left">
+					<div class="content">
+					  <h2>2016</h2>
+					  <p>Lorem ipsum..</p>
+					</div>
+				  </div>
+     </div> 
+    
+    
+    
+    
+     <div cstyle="float:right;">
+		 <h1>MARVIN Release Bot Dashboard</h1>
+		 <h2>Disclaimer</h2>
+		 <ul>
+			 <li>MARVIN releases are run monthly. This does not entail, that they succeed each month. This dashboard gives details. </li>
+			 <li>The configuration of MARVIN is available in this <a href="https://git.informatik.uni-leipzig.de/dbpedia-assoc/marvin-config">public, read-only git repo</a> </li>
+			 <li>The cronjobs run on different servers on the 10th of each month, downloading the Wikimedia dumps from the first of each month.</li>
+	     </ul>
+	     <h2>Medawiki Dump Download Completeness</h2>
+	     Checks whether the input of MARVIN was downloaded correctly from dumps.wikimedia.org
+	     
+	     <h2>Downloadable Log Files</h2>
+	     n/a - not loaded, unzipped - in progress, zipped - done (but success unclear)
+	     
+	     <h2>Completeness Check on Databus</h2>
+	     
+	     
+	     
+     </div>
+</div>
+<div style="clear:both"></div>
+</body></html>
--- a/dashboard/src/main/webapp/stylesheets/timeline.css
+++ b/dashboard/src/main/webapp/stylesheets/timeline.css
+ * {
+  box-sizing: border-box;
+}
+
+/* Set a background color */
+body {
+  /*background-color: #474e5d;*/
+  font-family: Helvetica, sans-serif;
+}
+
+/* The actual timeline (the vertical ruler) */
+.timeline {
+  position: relative;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+/* The actual timeline (the vertical ruler) */
+.timeline::after {
+  content: '';
+  position: absolute;
+  width: 6px;
+  //background-color: white;
+  background-color: grey;
+  top: 0;
+  bottom: 0;
+  left: 80%;
+  margin-left: -3px;
+}
+
+/* Container around content */
+.container {
+  padding: 10px 40px;
+  position: relative;
+  //background-color: inherit;
+  background-color: #111;
+  width: 80%;
+}
+
+/* The circles on the timeline */
+.container::after {
+  content: '';
+  position: absolute;
+  width: 25px;
+  height: 25px;
+  right: -17px;
+  background-color: white;
+  border: 4px solid #FF9F55;
+  top: 15px;
+  border-radius: 50%;
+  z-index: 1;
+}
+
+/* Place the container to the left */
+.left {
+  left: 0;
+}
+
+/* Place the container to the right */
+.right {
+  left: 50%;
+}
+
+/* Add arrows to the left container (pointing right) */
+.left::before {
+  content: " ";
+  height: 0;
+  position: absolute;
+  top: 22px;
+  width: 0;
+  z-index: 1;
+  right: 30px;
+  border: medium solid white;
+  border-width: 10px 0 10px 10px;
+  border-color: transparent transparent transparent white;
+}
+
+/* Add arrows to the right container (pointing left) */
+.right::before {
+  content: " ";
+  height: 0;
+  position: absolute;
+  top: 22px;
+  width: 0;
+  z-index: 1;
+  left: 30px;
+  border: medium solid white;
+  border-width: 10px 10px 10px 0;
+  border-color: transparent white transparent transparent;
+}
+
+/* Fix the circle for containers on the right side */
+.right::after {
+  left: -16px;
+}
+
+/* The actual content */
+.content {
+  padding: 20px 30px;
+  background-color: white;
+  position: relative;
+  border-radius: 6px;
+}
+
+/* Media queries - Responsive timeline on screens less than 600px wide */
+@media screen and (max-width: 600px) {
+/* Place the timelime to the left */
+  .timeline::after {
+    left: 31px;
+  }
+
+/* Full-width containers */
+  .container {
+    width: 100%;
+    padding-left: 70px;
+    padding-right: 25px;
+  }
+
+/* Make sure that all arrows are pointing leftwards */
+  .container::before {
+    left: 60px;
+    border: medium solid white;
+    border-width: 10px 10px 10px 0;
+    border-color: transparent white transparent transparent;
+  }
+
+/* Make sure all circles are at the same spot */
+  .left::after, .right::after {
+    left: 15px;
+  }
+
+/* Make all right containers behave like the left ones */
+  .right {
+    left: 0%;
+  }
+}