Display version.

This commit is contained in:
Arthur Sonzogni
2018-02-18 10:58:28 +01:00
parent a0069d9ecd
commit a17708df9a
3 changed files with 28 additions and 13 deletions
+1 -1
View File
@@ -49,7 +49,7 @@ if (Web)
configure_file(
${CMAKE_CURRENT_SOURCE_DIR}/index.html
${CMAKE_CURRENT_BINARY_DIR}/index.html
COPYONLY)
)
configure_file(
${CMAKE_CURRENT_SOURCE_DIR}/style.css
+18 -4
View File
@@ -6,14 +6,28 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--First page-->
<div class="fullscreen" id="landing_page">
<div id="landing_page_content">
<!--Header-->
<div id="landing_page_content" class="flex">
<h1>Diagon</h1>
<h2><b>Diag</b>ram <b>On</b>line</h2>
<p>Interactive text→text tools collection.</p>
<a href="#code_area" id="begin_button">Begin</a>
</div>
<!--Version number-->
<div class="container vertical fill_space">
<div class="flex"></div>
<div class="container horizontal">
<div class="flex"></div>
<div id="version">Version @git_version@</div>
</div>
</div>
</div>
<!--Second page-->
<div class="fullscreen" id="code_area">
<div class="container vertical fill_space">
@@ -35,11 +49,11 @@
</div>
<!--2 Input / Output -->
<div class="container horizontal" id="inputoutput">
<div class="container horizontal flex">
<div class="gutter"></div>
<textarea id="input" placeholder='input, for instance (1+2)*(3-4)/5'></textarea>
<textarea id="input" class="flex" placeholder='input, for instance (1+2)*(3-4)/5'></textarea>
<div class="gutter"></div>
<textarea id="output" placeholder='output' readonly></textarea>
<textarea id="output" class = "flex" placeholder='output' readonly></textarea>
<div class="gutter"></div>
</div>
+9 -8
View File
@@ -27,6 +27,10 @@ textarea {
flex-direction: row;
}
.flex {
flex: 1;
}
.fullscreen {
width:100%;
height:100vh;
@@ -46,14 +50,6 @@ textarea {
border:solid 1px black;
}
#input, #output {
flex:1;
}
#inputoutput {
flex:1;
}
#landing_page {
background-color:white;
position:relative
@@ -90,6 +86,11 @@ textarea {
font-size:10vmin;
}
#version {
font-size:2em;
margin:0.3em;
}
#begin_button {
border-radius: 16px;
font-family: Arial;