Skip to content

Commit

Permalink
pushing
Browse files Browse the repository at this point in the history
  • Loading branch information
AbdulMuhaymin committed May 10, 2024
1 parent dd6f52e commit 3fdb6da
Show file tree
Hide file tree
Showing 2 changed files with 176 additions and 27 deletions.
59 changes: 50 additions & 9 deletions nanoday2024poster/Ni/Ni.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@
<title>Ni in ZnS</title>
<style>
body {
font-family: Arial, sans-serif;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
background-color: #d3d3d3;
}

.container {
Expand All @@ -20,15 +20,19 @@

.section {
margin-bottom: 20px;
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
border: 1px solid #085181;
border-radius: 5px;
overflow: hidden;
}

.section-header {
padding: 10px;
background-color: #007bff;
color: #fff;
padding: 10px;
margin: 10px;
background-color: #38095f;
color: #ffffff;
font-size: 20px;
font-weight: bold;
cursor: pointer;
Expand All @@ -38,24 +42,61 @@
.section-header::after {
content: '-';
position: absolute;
padding: 10px;
margin: 10px;
top: 50%;
right: 20%;
right: 10px;
transform: translateY(-50%);
transition: transform 0.3s ease;
}

.button-container {
display: flex;
padding: 10px;
margin: 10px;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
max-width: 600px;
}

.button {
width: 40%;
height: 100px;
margin: 10px;
border: none;
border-radius: 10px;
background-color: #38095f;
color: #fff;
font-size: 24px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
}

.button:hover {
padding: 10px;
margin: 10px;
background-color: #38095f;
}

.section-header.collapsed::after {
content: '+';
padding: 10px;
margin: 10px;
transform: translateY(-50%) rotate(90deg);
}

.section-content {
padding: 10px;
margin: 10px;
display: none;
}

.section-content img {
max-width: 100%;
padding: 10px;
margin: 10px;
height: auto;
margin-bottom: 10px;
}
Expand All @@ -65,19 +106,19 @@
width: 100px;
margin: 20px auto;
padding: 10px;
background-color: #007bff;
background-color: #38095f;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 5px;
}

.home-button:hover {
background-color: #0056b3;
background-color: #38095f;
}

.divider {
border-top: 2px solid #ddd;
border-top: 2px solid #360394;
margin-top: 20px;
margin-bottom: 20px;
}
Expand Down
144 changes: 126 additions & 18 deletions nanoday2024poster/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,67 @@
<title>TM in ZnS</title>
<style>
body {
font-family: Arial, sans-serif;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f4f4f4;
background-color: #d3d3d3;
}

.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}

.section {
margin-bottom: 20px;
padding: 10px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 5px;
overflow: hidden;
}

.section-header {
padding: 10px;
padding: 10px;
margin: 10px;
background-color: #007bff;
color: #fff;
font-size: 20px;
font-weight: bold;
cursor: pointer;
position: relative;
}

.section-header::after {
content: '+';
position: absolute;
padding: 10px;
margin: 10px;
top: 50%;
right: 10px;
transform: translateY(-50%);
transition: transform 0.3s ease;
}

.button-container {
display: flex;
padding: 10px;
margin: 10px;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
max-width: 600px;
}

.button {
width: 250px;
height: 250px;
width: 40%;
height: 100px;
margin: 10px;
border: none;
border-radius: 10px;
background-color: #007bff;
background-color: #38095f;
color: #fff;
font-size: 24px;
font-weight: bold;
Expand All @@ -39,21 +75,93 @@
}

.button:hover {
background-color: #0056b3;
padding: 10px;
margin: 10px;
background-color: #3c00ff;
}

.section-header.collapsed::after {
content: '-';
padding: 10px;
margin: 10px;
transform: translateY(-50%) rotate(45deg);
}

.section-content {
padding: 10px;
margin: 10px;
display: none;
}

.section-content img {
max-width: 100%;
padding: 10px;
margin: 10px;
height: auto;
margin-bottom: 10px;
}

.home-button {
display: block;
width: 100px;
margin: 20px auto;
padding: 10px;
background-color: #c52c67;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 5px;
}

.home-button:hover {
background-color: #4f76a0;
}

.divider {
border-top: 2px solid #360394;
margin-top: 20px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="button-container">
<h1> Transition metal dopants in the wide band gap semiconductor ZnS: a first-principles study </h1>

<button class="button" onclick="openPage('Cu/Cu')">Cu</button>
<button class="button" onclick="openPage('Co/Co')">Co</button>
<button class="button" onclick="openPage('Ni/Ni')">Ni</button>
<button class="button" onclick="openPage('Fe/Fe')">Fe</button>

<div class="container">
<h1>Transition metal dopants in the wide band gap semiconductor ZnS: a first-principles study</h1>
<p>This webpage contains the data generated by DFT calculations for various dopants in bulk ZnS. It also contains many visualizations. </p>

<div class="divider"></div>

<div class="section">

<p>Click on the following button to explore data for bulk ZnS: </p>

<button class="button" onclick="openPage('ZnS/ZnS')">ZnS </button>
</div>

<div class="divider"></div>

<div class="section">

<p>Click on each dopant to explore their corresponding information:</p>

<button class="button" onclick="openPage('Cu/Cu')">Cu </button>
<button class="button" onclick="openPage('Co/Co')">Co</button>
<button class="button" onclick="openPage('Fe/Fe')">Fe</button>
<button class="button" onclick="openPage('Ni/Ni')">Ni</button>
<button class="button" onclick="openPage('Cu/CuV')">Cu-vacancy </button>
<button class="button" onclick="openPage('Co/Co')">Co-vacancy </button>
<button class="button" onclick="openPage('Fe/Fe')">Fe-vacancy </button>
</div>

</div>

<script>
function toggleSection(header) {
var content = header.nextElementSibling;
content.style.display = content.style.display === 'block' ? 'none' : 'block';
header.classList.toggle('collapsed');
}

function openPage(element) {
window.location.href = element + '.html';
}
Expand Down

0 comments on commit 3fdb6da

Please sign in to comment.