SOLARIS_Web_Simulation/index.html

170 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>SOLARIS Simulation </title>
</head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
table, th, td {
//border: 1px solid black;
}
header {
background-color: #DF0;
padding: 30px;
text-align: center;
font-size: 35px;
color: black;
}
nav {
float: left;
width : 400px;
height: 100vh;
background: #ccc;
padding: 0px;
}
article {
float: none;
padding: 0px;
margin-left: 400px;
height : 100vh;
background: #F6F6FF;
}
@media (max-width: 1000px) {
nav {
width: 100%;
height: auto;
margin-left : 0;
}
article {
width: 100%;
height: 100vh;
margin-left : 0;
}
}
</style>
<body>
<header><h1>SOLARIS Simulation</h1></header>
<section>
<nav>
<p> &nbsp; &nbsp; &nbsp; &nbsp; Intructions is <a href="instruction.html" target="uploaded">Here.</a></p>
<!-- ////////////////////////////////////////// -->
<table>
<tr>
<td>Download Sample files:</td>
<td style="text-align:left">
<a href="sample_files/reactionConfig_sample.txt" download="reactionConfig.txt">Reaction File</a>
</td>
</tr>
<tr>
<td></td>
<td style="text-align:left">
<a href="sample_files/detectorGeo_SOLARIS_sample.txt" download="detectorGeo_SOLAIRS.txt">DetectorGeo (SOLARIS) File</a>
</td>
</tr>
<tr>
<td></td>
<td style="text-align:left">
<a href="sample_files/detectorGeo_HELIOS_sample.txt" download="detectorGeo_HELIOS.txt">DetectorGeo (HELIOS) File</a>
</td>
</tr>
<tr>
<td></td>
<td style="text-align:left">
<a href="sample_files/Ex_sample.txt" download="Ex.txt">Ex File</a>
</td>
</tr>
<tr>
<td></td>
<td style="text-align:left">
<a href="sample_files/DWBA_sample.txt" download="DWBA">DWBA File</a>
</td>
</tr>
<tr>
<td></td>
<td style="text-align:left">
<a href="sample_files/PlotConfig_sample.txt" download="PlotConfig.txt">Plot Config File</a>
</td>
</tr>
</table>
<p></p><!-- ////////////////////////////////////////// -->
<form enctype = "multipart/form-data" action = "Simulation_gateway.py" method = "post" target="uploaded">
<table>
<tr>
<td style="text-align:right" width="200">Reaction File </td>
<td><input type = "file" name = "filename1" /> </td>
</tr>
<tr>
<td style="text-align:right" width="200">DetectorGeo File </th>
<td><input type = "file" name = "filename2" /> </td>
</tr>
<tr>
<td style="text-align:right" width="200">Ex File </th>
<td><input type = "file" name = "filename3" /> </td>
</tr>
<tr>
<td style="text-align:right" width="200">DWBA File ^ </th>
<td><input type = "file" name = "filename4" /> </td>
</tr>
<tr>
<td style="text-align:right" width="200">*.in File ^ </th>
<td><input type = "file" name = "filename4a" /> </td>
</tr>
<tr>
<td style="text-align:right" width="200">Plot Config File * </th>
<td><input type = "file" name = "filename5" /> </td>
</tr>
<tr>
<td>^ can be alone <br>* can be omitted</th>
<td><input type = "submit" value = "Upload & Run Simulation" style="height:50px; width:200px"/> </td>
</tr>
</table>
</form>
<p>
&nbsp; &nbsp; &nbsp; &nbsp; Simplfied Input : <a href="simpleSim.html" target="uploaded">Click Here.</a>
</p>
<p></p><!-- ////////////////////////////////////////// -->
<form action = "get_nuclear_data.py" method = "POST" target = "NuclearData">
<table>
<tr>
<td style="text-align:right">Isotopes Name:</td>
<td><input type = "text" name = "isotopes_name" size="13" value="18O"/></td>
</tr>
<tr>
<td style="text-align:right">Max Ex [MeV]:</td>
<td><input type = "text" name = "maxEx" size="13" value="can be omitted"/></td>
</tr>
<tr>
<td></td>
<td>
<input type = "submit" value = "Get Isotopes Data" />
</td>
</tr>
</table>
</form>
<iframe name="NuclearData" style="border:none" width="400" height="40%"></iframe>
</nav>
<!-- ////////////////////////////////////////// -->
<article>
<iframe name="uploaded" style="border:none" width="100%" height= "100%"></iframe>
</article>
</section>
</body>
</html>