From f1d9ca94b71e4cf066682d611c9bfddde31e4ccb Mon Sep 17 00:00:00 2001
From: Caue Augusto Boneto Goncalves <caue.boneto@usp.br>
Date: Mon, 1 Jul 2024 22:05:54 +0000
Subject: [PATCH] Update file layout.html
---
wiki/layout.html | 131 ++++++++++++++++++++++++-----------------------
1 file changed, 67 insertions(+), 64 deletions(-)
diff --git a/wiki/layout.html b/wiki/layout.html
index 54dbb4e..965d2ff 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -8,93 +8,96 @@
<title>USP-Brazil - iGEM 2024</title>
<style>
body {
- background-color: #C0C0C0;
- font-family: "Comic Sans MS", cursive, sans-serif;
- color: #000000;
+ background: linear-gradient(to bottom, #A9C9FF, #FFBBEC);
+ font-family: "Arial", sans-serif;
+ color: #333333;
+ margin: 0;
+ padding: 0;
}
- table {
+ .container {
width: 80%;
margin: auto;
- border: 1px solid #000000;
- background-color: #FFFFFF;
+ overflow: hidden;
}
- th {
- background-color: #000080;
+ header {
+ background: #333333;
color: #FFFFFF;
+ padding: 20px 0;
+ text-align: center;
+ }
+ header h1 {
+ margin: 0;
}
- td {
+ nav {
+ background: #666666;
+ color: #FFFFFF;
padding: 10px;
- border: 1px solid #000000;
+ text-align: center;
}
- a {
- color: #FF0000;
+ nav a {
+ color: #FFFFFF;
+ margin: 0 15px;
text-decoration: none;
}
- a:hover {
+ nav a:hover {
text-decoration: underline;
}
- marquee {
- background-color: #000080;
- color: #FFFFFF;
- padding: 5px;
- font-size: 1.2em;
+ .content {
+ background: #FFFFFF;
+ padding: 20px;
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
+ margin-bottom: 20px;
}
- .header {
- background-color: #000080;
+ footer {
+ background: #333333;
color: #FFFFFF;
text-align: center;
padding: 10px 0;
- margin-bottom: 20px;
+ margin-top: 20px;
+ }
+ .banner {
+ text-align: center;
+ margin: 20px 0;
+ }
+ .banner img {
+ max-width: 100%;
+ height: auto;
}
</style>
</head>
<body>
- <div class="header">
+ <header>
<h1>USP-Brazil - iGEM 2024</h1>
<p>Innovating for a better future!</p>
+ </header>
+ <nav>
+ <a href="#">Home</a>
+ <a href="#">About Us</a>
+ <a href="#">Our Projects</a>
+ <a href="#">Contact</a>
+ </nav>
+ <div class="container">
+ <div class="banner">
+ <img src="https://via.placeholder.com/728x90" alt="Banner Ad">
+ </div>
+ <div class="content">
+ <h2>About Us</h2>
+ <p>Hello! Welcome to the USP-Brazil iGEM 2024 team page. We are dedicated to creating innovative solutions for a better future. Explore our site to learn more about our projects and team!</p>
+ <h2>Our Projects</h2>
+ <ul>
+ <li>Project 1: Sustainable Energy</li>
+ <li>Project 2: Bioinformatics</li>
+ <li>Project 3: Environmental Protection</li>
+ <li>Project 4: Health Innovations</li>
+ </ul>
+ </div>
+ <div class="content">
+ <p style="text-align: center;"><a href="mailto:someone@example.com">Email Us!</a></p>
+ </div>
</div>
- <marquee>Welcome to the USP-Brazil iGEM 2024 Team Page!</marquee>
- <table>
- <tr>
- <th colspan="2">Welcome to Our Homepage!</th>
- </tr>
- <tr>
- <td colspan="2">
- <img src="https://via.placeholder.com/728x90" alt="Banner Ad">
- </td>
- </tr>
- <tr>
- <td>
- <h2>Navigation</h2>
- <ul>
- <li><a href="#">Home</a></li>
- <li><a href="#">About Us</a></li>
- <li><a href="#">Our Projects</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- </td>
- <td>
- <h2>About Us</h2>
- <p>Hello! Welcome to the USP-Brazil iGEM 2024 team page. We are dedicated to creating innovative solutions for a better future. Explore our site to learn more about our projects and team!</p>
- <h2>Our Projects</h2>
- <ul>
- <li>Project 1: Sustainable Energy</li>
- <li>Project 2: Bioinformatics</li>
- <li>Project 3: Environmental Protection</li>
- <li>Project 4: Health Innovations</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td colspan="2">
- <p align="center"><a href="mailto:someone@example.com">Email Us!</a></p>
- </td>
- </tr>
- </table>
- <p align="center"><img src="https://via.placeholder.com/468x60" alt="Banner Ad"></p>
- <footer style="text-align:center; margin-top:20px;">
- <p>© 2024 USP-Brazil iGEM Team | <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 License</a></p>
- <p><a href="https://gitlab.igem.org/usp-brazil">Our GitLab Repository</a></p>
+ <footer>
+ <p>© 2024 USP-Brazil iGEM Team | <a href="https://creativecommons.org/licenses/by/4.0/" style="color: #FFFFFF;">CC BY 4.0 License</a></p>
+ <p><a href="https://gitlab.igem.org/usp-brazil" style="color: #FFFFFF;">Our GitLab Repository</a></p>
</footer>
</body>
</html>
--
GitLab