2022-12-09 13:15:32 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2022-12-10 02:35:56 -05:00
|
|
|
<title>SOLARIS Si-Array Mode Simulation </title>
|
2022-12-09 13:15:32 -05:00
|
|
|
</head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2022-12-15 17:28:32 -05:00
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
:root{
|
|
|
|
|
--navWidth: 300px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-12-09 13:15:32 -05:00
|
|
|
body {
|
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
|
|
}
|
|
|
|
|
table, th, td {
|
|
|
|
|
//border: 1px solid black;
|
|
|
|
|
}
|
2022-12-10 01:00:10 -05:00
|
|
|
table.center{
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
}
|
2022-12-09 13:15:32 -05:00
|
|
|
header {
|
2022-12-10 01:00:10 -05:00
|
|
|
background-color: #F7CF3C;
|
|
|
|
|
padding: 10px;
|
2022-12-09 13:15:32 -05:00
|
|
|
text-align: center;
|
|
|
|
|
font-size: 35px;
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
nav {
|
|
|
|
|
float: left;
|
2022-12-15 17:28:32 -05:00
|
|
|
width : var(--navWidth);
|
2022-12-09 13:15:32 -05:00
|
|
|
height: 100vh;
|
2022-12-11 00:07:35 -05:00
|
|
|
//background: #6DB33E;
|
|
|
|
|
background: #1363A7;
|
2022-12-09 13:15:32 -05:00
|
|
|
padding: 0px;
|
|
|
|
|
}
|
|
|
|
|
article {
|
|
|
|
|
float: none;
|
|
|
|
|
padding: 0px;
|
2022-12-15 17:28:32 -05:00
|
|
|
margin-left: var(--navWidth);
|
2022-12-09 13:15:32 -05:00
|
|
|
height : 100vh;
|
2022-12-11 00:07:35 -05:00
|
|
|
//background: #1363A7;
|
|
|
|
|
background: #6DB33E;
|
2022-12-09 13:15:32 -05:00
|
|
|
}
|
2022-12-11 00:07:35 -05:00
|
|
|
a {
|
|
|
|
|
color : #F7CF3C;
|
|
|
|
|
}
|
2022-12-15 17:28:32 -05:00
|
|
|
|
|
|
|
|
.column1{
|
|
|
|
|
float : left;
|
|
|
|
|
width : 50%;
|
|
|
|
|
text-align:right;
|
|
|
|
|
}
|
|
|
|
|
.column2{
|
|
|
|
|
float : right;
|
|
|
|
|
width : 50%;
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
.row:after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: table;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
2022-12-11 00:07:35 -05:00
|
|
|
|
2022-12-09 13:15:32 -05:00
|
|
|
@media (max-width: 1000px) {
|
2022-12-15 17:28:32 -05:00
|
|
|
.column1 {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 40%;
|
|
|
|
|
text-align:center;
|
|
|
|
|
}
|
|
|
|
|
.column2 {
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align:center;
|
|
|
|
|
}
|
2022-12-09 13:15:32 -05:00
|
|
|
nav {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
margin-left : 0;
|
|
|
|
|
}
|
|
|
|
|
article {
|
2022-12-13 18:24:26 -05:00
|
|
|
float: left;
|
|
|
|
|
margin-left : 0px;
|
2022-12-09 13:15:32 -05:00
|
|
|
width: 100%;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
margin-left : 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
<body>
|
|
|
|
|
|
2022-12-10 01:00:10 -05:00
|
|
|
<header>
|
2022-12-15 17:28:32 -05:00
|
|
|
<div class="row">
|
|
|
|
|
<div class="column1"">
|
|
|
|
|
<img src="SOLARIS_logo.png" width="300">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column2">
|
|
|
|
|
<span style="font-size:70px;">Simulation</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-12-10 01:00:10 -05:00
|
|
|
</header>
|
2022-12-09 13:15:32 -05:00
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
|
2022-12-15 17:28:32 -05:00
|
|
|
<nav id="nav">
|
|
|
|
|
<p> Intructions is <a href="instruction.html" target="uploaded">Here.</a></p>
|
2022-12-09 13:15:32 -05:00
|
|
|
|
2022-12-11 00:07:35 -05:00
|
|
|
<p></p>
|
|
|
|
|
<table>
|
2022-12-15 17:28:32 -05:00
|
|
|
<tr>
|
|
|
|
|
<td style="text-align:right"> HELIOSmatics : </td>
|
|
|
|
|
<td><a href="heliosmatics.html" target="uploaded">Click Here.</a></td>
|
|
|
|
|
</tr>
|
2022-12-11 00:07:35 -05:00
|
|
|
<tr>
|
|
|
|
|
<td style="text-align:right">Simplfied Input : </td>
|
|
|
|
|
<td><a href="simpleSim.html" target="uploaded">Click Here.</a></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
2022-12-15 17:28:32 -05:00
|
|
|
<td style="text-align:right"> Misc. Calulations : </td>
|
2022-12-11 00:07:35 -05:00
|
|
|
<td><a href="miscCal.html" target="uploaded">Click Here.</a></td>
|
|
|
|
|
</tr>
|
2022-12-15 17:28:32 -05:00
|
|
|
|
2022-12-11 00:07:35 -05:00
|
|
|
<table>
|
|
|
|
|
|
2022-12-09 13:15:32 -05:00
|
|
|
<p></p><!-- ////////////////////////////////////////// -->
|
|
|
|
|
<form action = "get_nuclear_data.py" method = "POST" target = "NuclearData">
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
2022-12-11 00:07:35 -05:00
|
|
|
<td style="text-align:right"> Isotopes Name:</td>
|
2022-12-15 17:28:32 -05:00
|
|
|
<td><input type = "text" name = "isotopes_name" size="13" value="24F"/></td>
|
2022-12-09 13:15:32 -05:00
|
|
|
</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>
|
|
|
|
|
|
2022-12-15 17:28:32 -05:00
|
|
|
<iframe name="NuclearData" style="border:none;width:100%;height:100%" ></iframe>
|
2022-12-09 13:15:32 -05:00
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<!-- ////////////////////////////////////////// -->
|
2022-12-15 17:28:32 -05:00
|
|
|
<article id="article">
|
|
|
|
|
<iframe id="main" name="uploaded" style="border:none;width:100%;" src="instruction.html"></iframe>
|
2022-12-09 13:15:32 -05:00
|
|
|
</article>
|
|
|
|
|
</section>
|
|
|
|
|
|
2022-12-15 17:28:32 -05:00
|
|
|
<script>
|
|
|
|
|
var frame = document.getElementById("main");
|
|
|
|
|
var frameNav = document.getElementById("nav");
|
|
|
|
|
var frameArticle = document.getElementById("article");
|
|
|
|
|
|
|
|
|
|
var x = window.matchMedia("(max-width: 1000px)");
|
|
|
|
|
|
|
|
|
|
adjustHeight();
|
|
|
|
|
|
|
|
|
|
x.addListener(adjustHeight);
|
|
|
|
|
|
|
|
|
|
function adjustHeight(){
|
|
|
|
|
var hhh = frame.contentWindow.document.body.scrollHeight * 1.1 + 'px';
|
|
|
|
|
|
|
|
|
|
frame.style.height = hhh;
|
|
|
|
|
frameArticle.style.height = hhh;
|
|
|
|
|
|
|
|
|
|
if( x.matches){
|
|
|
|
|
frameNav.style.height = "40%";
|
|
|
|
|
}else{
|
|
|
|
|
frameNav.style.height = hhh;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
frame.onload = adjustHeight;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
2022-12-09 13:15:32 -05:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
