Kaynağa Gözat

added some css styling and logo

Andrew Tridgell 4 yıl önce
ebeveyn
işleme
14ee8b2502

BIN
static/images/bg.png


BIN
static/images/logo.png


+ 128 - 0
static/styles/main.css

@@ -0,0 +1,128 @@
+@charset "utf-8";
+/* CSS Document */
+
+/* Background-Styles */
+body {
+	font-family:Helvetica;
+	margin:0px;
+	padding:0px;
+	background-color: #fff;
+    background-image: url(/static/images/bg.png);
+}
+
+#logo {
+    background-image:url(/static/images/logo.png);
+	background-repeat:no-repeat;
+    height: 140px;
+	width: 420px;
+	-moz-box-shadow: 2px 2px 5px #888;
+	-webkit-box-shadow: 2px 2px 5px #888;
+	box-shadow: 2px 2px 5px #888;
+	background-color: #000;
+}
+  
+h2 {
+	text-shadow: #ccc 0px 1px 0px;
+	text-decoration:none;
+	color:#D14836;
+	padding-top: 0px;
+	padding-right: 5px;
+	padding-bottom: 5px;
+	padding-left: 5px;
+}
+
+#git {
+	background-color: #FFF;
+	font-size: 15px;
+	display: auto;
+	padding: 10px;
+	border: 1px solid #CCC;
+	position: relative;
+	-moz-box-shadow: 2px 2px 5px #888;
+	-webkit-box-shadow: 2px 2px 5px #888;
+	box-shadow: 2px 2px 5px #888;
+}
+
+#git a {
+	color:#00F;
+	font-weight: normal;
+	}
+	
+#git a:hover {
+	color:#D14836;
+}
+
+.passed-text {
+	color:green;
+}
+
+.failed-text {
+	color:red;
+}
+
+
+#main {
+	padding-top:0px;
+	min-width: 420px;
+	margin-top: 0;
+	margin-right: auto;
+	margin-bottom: 0;
+	margin-left: auto;
+	padding-right: 20px;
+	padding-bottom: 50px;
+	padding-left: 20px;
+}
+  
+ul#testresults {
+	background-color: #FFF;
+	display: block;
+	padding: 10px;
+	border: 1px solid #CCC;
+	list-style-type: none;
+	position: relative;
+    -moz-box-shadow: 2px 2px 5px #888;
+    -webkit-box-shadow: 2px 2px 5px #888;
+    box-shadow: 2px 2px 5px #888;
+}
+
+ul#testresults li {
+	list-style-type: none;
+	display: block;
+	background-color: #eef1f1;
+	margin: 5px;
+	padding: 5px;
+		}
+
+ul#testlogs {
+	background-color: #FFF;
+	display: block;
+	padding: 10px;
+	border: 1px solid #CCC;
+	list-style-type: none;
+	position: relative;
+    -moz-box-shadow: 2px 2px 5px #888;
+    -webkit-box-shadow: 2px 2px 5px #888;
+    box-shadow: 2px 2px 5px #888;
+}
+
+ul#testlogs li {
+	text-decoration:none;
+	list-style-type: none;
+	display: block;
+	background-color: #eef1f1;
+	margin: 5px;
+	padding: 5px;
+	font-size: 15px;
+		}
+		
+
+ul#testlogs li a {
+	text-decoration:none;
+	color:#8aa19c;
+	font-weight: bold;
+	font-size: 12px;
+	}
+	
+ul#testlogs li a:hover {
+	color:#D14836;
+}

+ 12 - 1
templates/generate.html

@@ -1,13 +1,24 @@
 <!doctype html>
 <html>
 
+<head>
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/main.css') }}">
+</head>
+
+
 <title>ArduPilot Custom Firmware Builder</title>
-<h1>ArduPilot Custom Firmware Builder</h1>
+<h2>ArduPilot Custom Firmware Builder</h2>
 
 {% if error %}
   <p>{{ error }}!</p>
 {% else %}
   <body onload="javascript: reload()">
+
+<div id="main">
+<a href="https://custom.ardupilot.org/">
+<div id="logo">
+</div>
+</a>
     <div id="menu">
         <p>Build in progress...</p>
         <form action="/builds/{{token}}" target="_blank">

+ 14 - 2
templates/index.html

@@ -1,12 +1,24 @@
 <!doctype html>
 
+
+<head>
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/main.css') }}">
+</head>
+
 <body onload="javascript: reload()">
+<div id="main">
+<a href="https://firmware.ardupilot.org/">
+<div id="logo">
+</div>
+</a>
+  
     <div id="menu">
         <title>ArduPilot Custom Firmware Builder</title>
-        <h1>ArduPilot Custom Firmware Builder (EXPERIMENTAL)</h1>
+        <h2>ArduPilot Custom Firmware Builder</h2>
+        <br><b>This site is EXPERIMENTAL</b>
 
 
-        <p>Please select the required options for the reduced firmware build.</p>
+        <p>Please select the required options for the custom firmware build.</p>
 
         <form action="/generate" method="post">
             <label for="vehicle">Choose a vehicle:</label>