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 >
2023-01-09 14:28:25 -05:00
< meta name = "description" content = "SOLARIS Si-Array mode simulation. This is ported from the original Heliosmatics in MS excel, Monte Carlo simulation using CERN ROOT, and DWBA simulation using the Peolemy." >
2023-01-17 16:05:37 -05:00
< link rel = "icon" type = "image/x-icon" href = "logos/SOLARIS_favicon.png" >
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;
}
2023-07-21 15:25:21 -04:00
/* 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;
2023-07-21 15:25:21 -04:00
/* background: #6DB33E; */
2022-12-11 00:07:35 -05:00
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;
2023-07-21 15:25:21 -04:00
/* background: #1363A7; */
2022-12-11 00:07:35 -05:00
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" " >
2023-01-17 16:05:37 -05:00
< img src = "logos/SOLARIS_logo.png" width = "300" >
2022-12-15 17:28:32 -05:00
< / 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:44:45 -05:00
< nav id = "nav" >
2023-01-17 16:05:37 -05:00
< div class = "visit-counter" > < / div >
2022-12-11 00:07:35 -05:00
< p > < / p >
2022-12-15 17:44:45 -05:00
< table class = "center" >
< tr >
< td style = "text-align:right" > < a href = "heliosmatics.html" target = "uploaded" > HELIOSmatics< / a > < / td >
< / tr >
2022-12-15 17:28:32 -05:00
< tr >
2022-12-15 17:44:45 -05:00
< td style = "text-align:right" > < a href = "simpleSim.html" target = "uploaded" > DWBA and Monte Carlo Simulation< / a > < / td >
2022-12-15 17:28:32 -05:00
< / tr >
2022-12-11 00:07:35 -05:00
< tr >
2022-12-15 17:44:45 -05:00
< td style = "text-align:right" > < a href = "miscCal.html" target = "uploaded" > Misc. Calulations< / a > < / td >
2022-12-11 00:07:35 -05:00
< / tr >
< tr >
2022-12-15 17:44:45 -05:00
< td style = "text-align:right" > < a href = "instruction.html" target = "uploaded" > Intructions & Credits< / a > < / td >
2022-12-11 00:07:35 -05:00
< / tr >
2023-07-21 15:25:21 -04:00
< tr >
2023-07-25 19:11:12 -04:00
< td style = "text-align:right" > < a href = "WoodsSaxon.html" target = "uploaded" > Woods-Saxon (const.)< / a > < / td >
2023-07-21 15:25:21 -04:00
< / tr >
< tr >
2023-07-25 19:11:12 -04:00
< td style = "text-align:right" > < a href = "nuclearChart.html" target = "uploaded" > Nuclides Chart (const.)< / a > < / td >
2023-07-21 15:25:21 -04:00
< / 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 > <!-- ////////////////////////////////////////// -->
2022-12-19 15:19:46 -05:00
< form action = "get_nuclear_data.py" id = 'isotope' method = "POST" target = "NuclearData" >
2022-12-15 17:44:45 -05:00
< table class = "center" >
2022-12-09 13:15:32 -05:00
< tr >
2022-12-15 17:44:45 -05:00
< td style = "text-align:right" > Isotopes Name:< / td >
2022-12-19 15:19:46 -05:00
< td > < input type = "text" name = "isotopes_name" size = "13" value = "24F" enterkeyhint = "done" / > < / td >
2022-12-09 13:15:32 -05:00
< / tr >
< tr >
< td style = "text-align:right" > Max Ex [MeV]:< / td >
2022-12-19 15:19:46 -05:00
< td > < input type = "text" name = "maxEx" size = "13" value = "can be omitted" enterkeyhint = "done" / > < / td >
2022-12-09 13:15:32 -05:00
< / 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" >
2022-12-15 17:44:45 -05:00
< iframe id = "main" name = "uploaded" style = "border:none;width:100%;" src = "heliosmatics.html" > < / iframe >
2022-12-09 13:15:32 -05:00
< / article >
< / section >
2022-12-15 17:28:32 -05:00
< script >
2023-01-17 16:05:37 -05:00
/*
var counterContainer = document.querySelector(".visit-counter");
var visitCount = localStorage.getItem("page_view");
if( visitCount ){
visitCount = Number(visitCount) + 1;
localStorage.setItem("page_view", visitCount);
}else{
visitCount = 1;
localStorage.setItem("page_view", 1);
}
counterContainer.innerHTML = visitCount;
*/
2022-12-15 17:28:32 -05:00
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 >
