Skip to content
Snippets Groups Projects
Commit 37db2fb5 authored by HouTeng Chan's avatar HouTeng Chan
Browse files

Update file layout.html

parent a855951e
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 36 additions and 26 deletions
wiki/layout.html
+ 36
− 26
View file @ 37db2fb5
......@@ -28,14 +28,13 @@
display: flex;
justify-content: center;
padding: 20px;
}
.shadowed-image {
max-width: 100%;
height: auto;
width: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
}
.shadowed-image {
max-width: 100%;
height: auto;
width: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content-wrapper {
position: absolute;
......@@ -66,21 +65,19 @@
left: 5px;
top: 150px;
width: 160px;
height: 40vh; /* Set a fixed height using viewport height */
max-height: 500px; /* Set a maximum height if needed */
height: 70vh; /* Increased height */
background-color: #ffffff;
padding: 20px;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
border-radius: 20px;
overflow-y: auto; /* Enable vertical scrolling if content exceeds height */
}
.sidebar ul {
list-style: none;
padding: 0;
margin: 0; /* Remove default margin */
margin: 0;
}
.sidebar ul li {
margin-bottom: 10px; /* Add some space between list items */
margin-bottom: 10px;
}
.sidebar ul li a {
display: block;
......@@ -99,8 +96,8 @@
.progress-container {
position: fixed;
left: 25px;
bottom: 210px;
left: 20px;
bottom: 20px;
width: 60px;
height: 60px;
z-index: 1000;
......@@ -128,8 +125,8 @@
.back-to-top {
position: fixed;
left: 95px;
bottom: 170px;
left: 90px;
bottom: 20px;
width: 40px;
height: 40px;
background-color: hsl(17, 100%, 50%);
......@@ -174,17 +171,10 @@
</style>
</head>
</head>
<body>
<!-- Navigation -->
{% include 'menu.html' %}
<!--
<div class="team-logo">
<img src="https://static.igem.wiki/teams/5187/art/logo.png" alt="Team Logo">
</div>
-->
<!-- Header -->
<header class="bg-hero py-2 mb-4">
<div class="floral-border"></div>
......@@ -205,6 +195,27 @@
{% block page_content %}{% endblock %}
</div>
<!-- Sidebar -->
<div class="sidebar">
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
<!-- Add more sections as needed -->
</ul>
</div>
<!-- Progress Bar -->
<div class="progress-container">
<svg class="progress-bar-circle" width="60" height="60">
<circle class="progress-circle" stroke-width="4" fill="transparent" r="28" cx="30" cy="30"/>
</svg>
<div class="progress-text">0%</div>
</div>
<!-- Back to Top Button -->
<button id="backToTop" class="back-to-top">↑</button>
<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
{% include 'footer.html' %}
......@@ -253,5 +264,4 @@
});
</script>
</body>
</html>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment