UPDC Home: Difference between revisions
imported>Admin Creating new UPDC Wiki home page |
imported>Admin Updated homepage with COARE-style layout |
||
| Line 1: | Line 1: | ||
= UPDC | <div class="updc-homepage"> | ||
<div class="updc-hero"> | |||
<h1>KNOW MORE ABOUT UPDC DATA COMMONS</h1> | |||
<div class="updc-search"> | |||
<input type="text" placeholder="What are you searching for?" /> | |||
</div> | |||
</div> | |||
== | <div class="updc-cards"> | ||
<div class="updc-card"> | |||
<div class="updc-card-icon"> | |||
<i>ℹ</i> | |||
</div> | |||
<h3>About UPDC</h3> | |||
<p>This section contains Wiki pages that describe what the UPDC Data Commons is, the services that we offer, and the team that maintains our operations.</p> | |||
<a href="#about">Learn More</a> | |||
</div> | |||
<div class="updc-card"> | |||
<div class="updc-card-icon"> | |||
<i>⚙</i> | |||
</div> | |||
<h3>Using UPDC Services</h3> | |||
<p>This section details how users can access UPDC services, utilize our data management tools, and communicate service requests to our team via the support portal.</p> | |||
<a href="#services">Learn More</a> | |||
</div> | |||
== | <div class="updc-card"> | ||
<div class="updc-card-icon"> | |||
<i>⚖</i> | |||
</div> | |||
<h3>Policies and Guidelines</h3> | |||
<p>This section lists the different policies and guidelines implemented by the UPDC team concerning data management, security, and operational procedures.</p> | |||
<a href="#policies">Learn More</a> | |||
</div> | |||
</div> | |||
=== | <div class="updc-recent"> | ||
<h3>Recent Updates</h3> | |||
<ul> | |||
<li><a href="Security_Hardening">Security Hardening Guide</a> <span class="date">Sep 25, 2025</span></li> | |||
<li><a href="Password_Policies">Password Policies</a> <span class="date">Sep 23, 2025</span></li> | |||
<li><a href="Adding_a_User_to_Your_VM">VM User Management</a> <span class="date">Sep 22, 2025</span></li> | |||
</ul> | |||
</div> | |||
</div> | |||
* | <style> | ||
/* UPDC Homepage - COARE Style Layout */ | |||
* | |||
.updc-homepage { | |||
max-width: 1200px; | |||
margin: 0 auto; | |||
padding: 20px; | |||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||
} | |||
.updc-hero { | |||
text-align: center; | |||
margin-bottom: 40px; | |||
} | |||
.updc-hero h1 { | |||
font-size: 2.5em; | |||
color: #666; | |||
font-weight: 300; | |||
text-shadow: 0 1px 2px rgba(0,0,0,0.1); | |||
margin-bottom: 20px; | |||
} | |||
.updc-search { | |||
display: flex; | |||
justify-content: center; | |||
margin-bottom: 30px; | |||
} | |||
.updc-search input { | |||
padding: 12px 20px; | |||
border: 1px solid #ddd; | |||
border-radius: 25px; | |||
font-size: 16px; | |||
width: 400px; | |||
outline: none; | |||
} | |||
.updc-search input:focus { | |||
border-color: #007cba; | |||
box-shadow: 0 0 5px rgba(0,124,186,0.3); | |||
} | |||
.updc-cards { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); | |||
gap: 30px; | |||
margin-bottom: 40px; | |||
} | |||
.updc-card { | |||
background: white; | |||
border: 1px solid #e0e0e0; | |||
border-radius: 8px; | |||
padding: 30px; | |||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | |||
transition: transform 0.2s ease, box-shadow 0.2s ease; | |||
} | |||
.updc-card:hover { | |||
transform: translateY(-2px); | |||
box-shadow: 0 4px 16px rgba(0,0,0,0.15); | |||
} | |||
.updc-card-icon { | |||
width: 60px; | |||
height: 60px; | |||
border: 2px solid #666; | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
margin-bottom: 20px; | |||
background: white; | |||
} | |||
.updc-card-icon i { | |||
font-size: 24px; | |||
color: #666; | |||
} | |||
.updc-card h3 { | |||
font-size: 1.4em; | |||
color: #333; | |||
margin-bottom: 15px; | |||
font-weight: 600; | |||
} | |||
---- | .updc-card p { | ||
color: #666; | |||
line-height: 1.6; | |||
margin-bottom: 20px; | |||
} | |||
.updc-card a { | |||
color: #007cba; | |||
text-decoration: underline; | |||
font-weight: 500; | |||
} | |||
.updc-card a:hover { | |||
color: #005a87; | |||
} | |||
.updc-recent { | |||
background: #f8f9fa; | |||
border-radius: 8px; | |||
padding: 30px; | |||
margin-top: 40px; | |||
} | |||
.updc-recent h3 { | |||
color: #333; | |||
margin-bottom: 20px; | |||
font-size: 1.3em; | |||
} | |||
.updc-recent ul { | |||
list-style: none; | |||
padding: 0; | |||
} | |||
.updc-recent li { | |||
padding: 8px 0; | |||
border-bottom: 1px solid #e0e0e0; | |||
} | |||
.updc-recent li:last-child { | |||
border-bottom: none; | |||
} | |||
.updc-recent a { | |||
color: #007cba; | |||
text-decoration: none; | |||
} | |||
.updc-recent a:hover { | |||
text-decoration: underline; | |||
} | |||
.updc-recent .date { | |||
color: #999; | |||
font-size: 0.9em; | |||
float: right; | |||
} | |||
/* Responsive design */ | |||
@media (max-width: 768px) { | |||
.updc-cards { | |||
grid-template-columns: 1fr; | |||
} | |||
.updc-search input { | |||
width: 100%; | |||
max-width: 300px; | |||
} | |||
.updc-hero h1 { | |||
font-size: 2em; | |||
} | |||
} | |||
</style> | |||
Revision as of 02:47, 25 September 2025
KNOW MORE ABOUT UPDC DATA COMMONS
<input type="text" placeholder="What are you searching for?" />
About UPDC
This section contains Wiki pages that describe what the UPDC Data Commons is, the services that we offer, and the team that maintains our operations.
<a href="#about">Learn More</a>
Using UPDC Services
This section details how users can access UPDC services, utilize our data management tools, and communicate service requests to our team via the support portal.
<a href="#services">Learn More</a>
Policies and Guidelines
This section lists the different policies and guidelines implemented by the UPDC team concerning data management, security, and operational procedures.
<a href="#policies">Learn More</a>
Recent Updates
- <a href="Security_Hardening">Security Hardening Guide</a> Sep 25, 2025
- <a href="Password_Policies">Password Policies</a> Sep 23, 2025
- <a href="Adding_a_User_to_Your_VM">VM User Management</a> Sep 22, 2025
<style> /* UPDC Homepage - COARE Style Layout */
.updc-homepage {
max-width: 1200px; margin: 0 auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.updc-hero {
text-align: center; margin-bottom: 40px;
}
.updc-hero h1 {
font-size: 2.5em; color: #666; font-weight: 300; text-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-bottom: 20px;
}
.updc-search {
display: flex; justify-content: center; margin-bottom: 30px;
}
.updc-search input {
padding: 12px 20px; border: 1px solid #ddd; border-radius: 25px; font-size: 16px; width: 400px; outline: none;
}
.updc-search input:focus {
border-color: #007cba; box-shadow: 0 0 5px rgba(0,124,186,0.3);
}
.updc-cards {
display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 40px;
}
.updc-card {
background: white; border: 1px solid #e0e0e0; border-radius: 8px; padding: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.updc-card:hover {
transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.updc-card-icon {
width: 60px; height: 60px; border: 2px solid #666; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background: white;
}
.updc-card-icon i {
font-size: 24px; color: #666;
}
.updc-card h3 {
font-size: 1.4em; color: #333; margin-bottom: 15px; font-weight: 600;
}
.updc-card p {
color: #666; line-height: 1.6; margin-bottom: 20px;
}
.updc-card a {
color: #007cba; text-decoration: underline; font-weight: 500;
}
.updc-card a:hover {
color: #005a87;
}
.updc-recent {
background: #f8f9fa; border-radius: 8px; padding: 30px; margin-top: 40px;
}
.updc-recent h3 {
color: #333; margin-bottom: 20px; font-size: 1.3em;
}
.updc-recent ul {
list-style: none; padding: 0;
}
.updc-recent li {
padding: 8px 0; border-bottom: 1px solid #e0e0e0;
}
.updc-recent li:last-child {
border-bottom: none;
}
.updc-recent a {
color: #007cba; text-decoration: none;
}
.updc-recent a:hover {
text-decoration: underline;
}
.updc-recent .date {
color: #999; font-size: 0.9em; float: right;
}
/* Responsive design */ @media (max-width: 768px) {
.updc-cards {
grid-template-columns: 1fr;
}
.updc-search input {
width: 100%;
max-width: 300px;
}
.updc-hero h1 {
font-size: 2em;
}
} </style>