UPDC Home: Difference between revisions

Last edited by on 02 07 2026
Jump to: navigation, search
← Older edit
imported>Admin
Fixed HTML rendering for homepage
Fix broken /wiki/index.php links (redirected to Main_Page) -> /index.php
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly>{{#addResourceLoaderModule:ext.updc.homepage}}</includeonly>
<html>
<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: #014421;
    box-shadow: 0 0 5px rgba(1,68,33,0.3);
}
 
.updc-search button {
    margin-left: 10px;
    padding: 12px 20px;
    background: #014421;
    border: 1px solid #012211;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    color: white;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
 
.updc-search button:hover {
    background: #012211;
}
 
.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>
 
<script>
function handleSearch() {
    const searchInput = document.getElementById('updc-search-input');
    const query = searchInput.value.trim();
   
    if (query) {
        // Use the correct search URL format
        window.location.href = '/index.php?search=' + encodeURIComponent(query);
    }
}
 
function handleKeyPress(event) {
    if (event.key === 'Enter') {
        handleSearch();
    }
}
 
// Add event listeners when page loads
document.addEventListener('DOMContentLoaded', function() {
    const searchInput = document.getElementById('updc-search-input');
    const searchButton = document.getElementById('updc-search-button');
   
    if (searchInput) {
        searchInput.addEventListener('keypress', handleKeyPress);
    }
   
    if (searchButton) {
        searchButton.addEventListener('click', handleSearch);
    }
});
</script>


<div class="updc-homepage">
<div class="updc-homepage">
Line 5: Line 219:
<h1>KNOW MORE ABOUT UPDC DATA COMMONS</h1>
<h1>KNOW MORE ABOUT UPDC DATA COMMONS</h1>
<div class="updc-search">
<div class="updc-search">
<input type="text" placeholder="What are you searching for?" />
<input type="text" id="updc-search-input" placeholder="What are you searching for?" />
<button id="updc-search-button" type="button">Search</button>
</div>
</div>
</div>
</div>
Line 16: Line 231:
<h3>About UPDC</h3>
<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>
<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>
<a href="/index.php/About_UPDC">Learn More</a>
</div>
</div>


Line 25: Line 240:
<h3>Using UPDC Services</h3>
<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>
<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>
<a href="/index.php/Using_UPDC_Services">Learn More</a>
</div>
</div>


Line 34: Line 249:
<h3>Policies and Guidelines</h3>
<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>
<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>
<a href="/index.php/Policies_and_Agreements">Learn More</a>
</div>
 
<div class="updc-card">
<div class="updc-card-icon">
<i>🌐</i>
</div>
<h3>UPDC Web Services</h3>
<p>This section covers the web applications and online services hosted by UPDC for the university community, such as UPila, our live queue-management app.</p>
<a href="/index.php/UPDC_Web_Services">Learn More</a>
</div>
</div>
</div>
</div>
Line 41: Line 265:
<h3>Recent Updates</h3>
<h3>Recent Updates</h3>
<ul>
<ul>
<li><a href="/index.php/UPila">UPila &mdash; Live Queue Management</a> <span class="date">Jul 2, 2026</span></li>
<li><a href="Security_Hardening">Security Hardening Guide</a> <span class="date">Sep 25, 2025</span></li>
<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="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>
<li><a href="Adding_a_User_to_Your_VM">VM User Management</a> <span class="date">Sep 22, 2025</span></li>
<li><a href="Data_Backup_Procedures">Data Backup Procedures</a> <span class="date">Sep 20, 2025</span></li>
<li><a href="Network_Configuration">Network Configuration Guide</a> <span class="date">Sep 18, 2025</span></li>
<li><a href="Software_Installation">Software Installation Guidelines</a> <span class="date">Sep 15, 2025</span></li>
<li><a href="Storage_Management">Storage Management Best Practices</a> <span class="date">Sep 12, 2025</span></li>
<li><a href="Monitoring_Systems">System Monitoring Setup</a> <span class="date">Sep 10, 2025</span></li>
<li><a href="Access_Control">Access Control Procedures</a> <span class="date">Sep 8, 2025</span></li>
<li><a href="Troubleshooting_Guide">Common Issues Troubleshooting</a> <span class="date">Sep 5, 2025</span></li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</html>

Latest revision as of 10:20, 2 July 2026

KNOW MORE ABOUT UPDC DATA COMMONS

ℹ

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.

Learn More
⚙

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.

Learn More
⚖

Policies and Guidelines

This section lists the different policies and guidelines implemented by the UPDC team concerning data management, security, and operational procedures.

Learn More
🌐

UPDC Web Services

This section covers the web applications and online services hosted by UPDC for the university community, such as UPila, our live queue-management app.

Learn More

Recent Updates

Retrieved from "http://wiki.datacommons.up.edu.ph/index.php?title=UPDC_Home&oldid=50"