Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update About Section UI and Fix Google Summer of Code Link #643

Merged
merged 1 commit into from
Jan 21, 2025
Merged

Update About Section UI and Fix Google Summer of Code Link #643

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 46 additions & 17 deletions about-us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -171,24 +171,51 @@ <h2 >Community Goals</h2>
</section>

<!-- "Projects" section -->
<section id="testimonial">
<section id="projects">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="section-title text-center">
<h2>Projects</h2>
<p class="customParagraphStyle">Sugar Labs is working on a few <a href="https://wiki.sugarlabs.org/go/Category:Project" class="hrefCustomColor">projects</a> focused on delivering specific goals in a defined time period. Below are some of our premier projects:</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12" >
<div class="row justify-content-center">
<div class="col-md-8 col-md-push-2" >
<div class="section-title text-center">
<h2>Projects</h2>
<p class="customParagraphStyle">Sugar Labs is working on a few <a href="https://wiki.sugarlabs.org/go/Category:Project" class="hrefCustomColor">projects</a> focused on delivering specific goals in a defined time period. The "Projects" panel in the Sugar Labs wiki sidebar holds our premier projects. Please also see these project home pages:
<ul>
<li><a href="https://wiki.sugarlabs.org/go/Sugar_Creation_Kit" class="hrefCustomColor">Sugar Creation Kit</a></li>
<li><a href="https://wiki.sugarlabs.org/go/Sugar_on_a_Stick" class="hrefCustomColor">Sugar on a Stick</a></li>
<li><a href="https://wiki.sugarlabs.org/go/Math4Team" class="hrefCustomColor">Math4 Project</a></li>
<li><a href="https://wiki.sugarlabs.org/go/Summer_of_Code" class="hrefCustomColor">Summer of Code</a></li>
</ul>
</p>
</div>
</div>
<!-- <div class="col-sm-6 col-md-6 mb-4">
<div class="project-card">
<h4>Sugar Creation Kit</h4>
<p>A toolkit to empower users to deploy customized and interactive Sugar instances seamlessly.</p>
<a href="https://wiki.sugarlabs.org/go/Sugar_Creation_Kit">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These instructions need to be updated, so I'd comment this section out for now.

<button type="button" class="btn btn-raised btn-custom">Learn More</button>
</a>
</div>
</div> -->
<div class="col-sm-6 col-md-6 mb-4">
<div class="project-card">
<h4>Sugar on a Stick</h4>
<p>A portable version of Sugar that can run from a USB stick without installation.</p>
<a href="https://www.sugarlabs.org/booting-soas/">
<button type="button" class="btn btn-raised btn-custom">Learn More</button>
</a>
</div>
</div>
<!-- <div class="col-sm-6 col-md-6 mb-4">
<div class="project-card">
<h4>Math4 Project</h4>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have no sense of whether or not this project is still alive.

It may be good to comment this part out for now...

<p>A project aimed at improving math learning with innovative tools and activities.</p>
<a href="https://wiki.sugarlabs.org/go/Math4Team">
<button type="button" class="btn btn-raised btn-custom">Learn More</button>
</a>
</div>
</div> -->
<div class="col-sm-6 col-md-6 mb-4">
<div class="project-card">
<h4>Summer of Code</h4>
<p>A program where students collaborate on open-source projects under expert mentorship.</p>
<a href="https://github.com/sugarlabs/GSoC">
<button type="button" class="btn btn-raised btn-custom">Learn More</button>
</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -233,13 +260,15 @@ <h2>LOCAL LABS</h2>
<div class="section-title text-center">
<h2>Roadmap</h2>
<p class="customParagraphStyle">The <a href="https://wiki.sugarlabs.org/go/Sugar_Labs/Roadmap" class="hrefCustomColor">Sugar Community roadmap</a> is used to guide our community efforts:
<ul>
<div class="roadmap-container">
<ul class="roadmap-list">
<li>Mission, Vision, Values</li>
<li>Distribution</li>
<li>Deployments</li>
<li>Quality Assurance</li>
<li>Infrastructure</li>
</ul>
</div>
</p>
</div>
</div>
Expand Down
70 changes: 70 additions & 0 deletions css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -358,3 +358,73 @@ ul {
border-radius: 5px;
transition: background-color 0.3s ease;
}

/* Specific styles for Roadmap list */

.roadmap-list li {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 16px;
}

.roadmap-list li::before {
content: '';
width: 5px;
height: 5px;
background: #000000;
border-radius: 50%;
margin-right: 10px;
}

.roadmap-container {
display: flex;
justify-content: center;
align-items: center;
}

/* This is for project section in about page */

#projects{
padding: 100px 0;
}

#projects .project-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1.5rem;
margin: 1rem;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
height: auto;
text-align: center;
}

#projects .project-card h4 {
font-size: 1.5rem;
font-weight: bold;
color: #333;
}

#projects .project-card p {
font-size: 1rem;
color: #666;
margin-bottom: 1.5rem;
}

#projects .project-card .btn-custom {
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 5px;
transition: background-color 0.3s ease;
}

#projects .btn-custom {
margin-top: 1rem;
}