mirror of
https://github.com/ArthurSonzogni/Diagon.git
synced 2026-08-29 16:40:45 +08:00
Display version.
This commit is contained in:
+1
-1
@@ -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
@@ -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
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user