Browse code

new blaze design

devnewton authored on 04/09/2016 09:06:32
Showing 5 changed files
... ...
@@ -50,7 +50,12 @@
50 50
 		<dependency>
51 51
 			<groupId>org.webjars</groupId>
52 52
 			<artifactId>jquery</artifactId>
53
-			<version>3.0.0-alpha1</version>
53
+			<version>3.0.0</version>
54
+		</dependency>
55
+		<dependency>
56
+			<groupId>org.webjars.npm</groupId>
57
+			<artifactId>blaze</artifactId>
58
+			<version>2.12.0</version>
54 59
 		</dependency>
55 60
 	</dependencies>
56 61
 	<build>
... ...
@@ -15,7 +15,7 @@ public class AsciiVaincraApplication implements CommandLineRunner {
15 15
 
16 16
     @Override
17 17
     public void run(String... args) throws Exception {
18
-        System.out.println("Launch passgrid.");
18
+        System.out.println("Ascii vaincra!");
19 19
     }
20 20
 
21 21
     @Bean
22 22
new file mode 100644
... ...
@@ -0,0 +1,3 @@
1
+header {
2
+	background-color: rgb(247, 247, 247);
3
+}
0 4
\ No newline at end of file
1 5
new file mode 100644
2 6
Binary files /dev/null and b/src/main/resources/static/asciivaincra.png differ
... ...
@@ -6,35 +6,51 @@
6 6
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 7
 <meta name="robots" content="noindex,nofollow">
8 8
 <link rel="icon" type="image/png" href="/favicon.png">
9
+<link rel="stylesheet" type="text/css"
10
+	href="/webjars/blaze/2.12.0/dist/blaze.min.css">
11
+<link rel="stylesheet" type="text/css" href="/asciivaincra.css">
9 12
 </head>
10
-<body>
11
-	<label for="conversion">Conversion:</label>
12
-	<select id="conversion" name="conversion">
13
-		<optgroup label="Web">
14
-			<option value="TO_HTML">to html</option>
15
-			<option value="TO_CSS">to css</option>
16
-			<option value="TO_SLUG">to slug</option>
17
-		</optgroup>
18
-		<optgroup label="Programming">
19
-			<option value="TO_JAVA">to java</option>
20
-			<option value="TO_JAVASCRIPT">to javascript</option>
21
-		</optgroup>
22
-		<optgroup label="Data">
23
-			<option value="TO_JSON">to json</option>
24
-			<option value="TO_PROPERTIES">to properties</option>
25
-			<option value="TO_TXT">to text</option>
26
-		</optgroup>
27
-	</select>
28
-	<input id="convert" type="button" value="Convert">
29
-	<fieldset>
30
-		<legend>Input : </legend>
31
-		<textarea id="input" rows="20" cols="80"></textarea>
32
-	</fieldset>
33
-	<fieldset>
34
-		<legend>Output : </legend>
35
-		<textarea id="output" rows="20" cols="80"></textarea>
36
-	</fieldset>
37
-	<script src="/webjars/jquery/3.0.0-alpha1/jquery.js" defer></script>
13
+<body class="c-text">
14
+	<header>
15
+		<div class="u-letter-box--medium u-centered">
16
+			<h1 class="c-heading c-heading--large u-window-box--none">
17
+				<img src="/asciivaincra.png" alt="Ascii vaincra!"></img>
18
+			</h1>
19
+		</div>
20
+	</header>
21
+	<main class="o-container o-container--large u-letter-box--medium">
22
+	<div class="c-input-group">
23
+		<button class="c-button c-button--primary" id="convert">Convert</button>
24
+		<select class="c-choice c-field" id="conversion" name="conversion">
25
+			<optgroup label="Web">
26
+				<option value="TO_HTML">to html</option>
27
+				<option value="TO_CSS">to css</option>
28
+				<option value="TO_SLUG">to slug</option>
29
+			</optgroup>
30
+			<optgroup label="Programming">
31
+				<option value="TO_JAVA">to java</option>
32
+				<option value="TO_JAVASCRIPT">to javascript</option>
33
+			</optgroup>
34
+			<optgroup label="Data">
35
+				<option value="TO_JSON">to json</option>
36
+				<option value="TO_PROPERTIES">to properties</option>
37
+				<option value="TO_TXT">to text</option>
38
+			</optgroup>
39
+		</select>
40
+	</div>
41
+	<div
42
+		class="o-grid o-grid--xsmall-full o-grid--small-full o-grid--medium-full">
43
+		<fieldset class="c-fieldset">
44
+			<legend class="c-fieldset__legend">Input</legend>
45
+			<textarea class="c-field" id="input" rows="20" cols="80"></textarea>
46
+		</fieldset>
47
+		<fieldset class="c-fieldset">
48
+			<legend class="c-fieldset__legend">Output</legend>
49
+			<textarea class="c-field" id="output" rows="20" cols="80"></textarea>
50
+		</fieldset>
51
+	</div>
52
+	</main>
53
+	<script src="/webjars/jquery/3.0.0/jquery.js" defer></script>
38 54
 	<script src="/asciivaincra.js" defer></script>
39 55
 </body>
40 56
 </html>
41 57
\ No newline at end of file