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

Fix JS console warnings: Invalid DOM properties in js,mdx,tsx files #246

Merged
merged 3 commits into from
Sep 23, 2024
Merged

Fix JS console warnings: Invalid DOM properties in js,mdx,tsx files #246

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ab9bedf
Fix JS console warnings: Invalid DOM properties in js,mdx,tsx files
jbampton Sep 17, 2024
2d504de
Merge branch 'staging-site' into react-fixes
DaanHoogland Sep 18, 2024
39f3f91
Merge branch 'staging-site' into react-fixes
DaanHoogland Sep 18, 2024
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
142 changes: 71 additions & 71 deletions src/components/Events/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@ import React from "react";
export default function EventContents(): JSX.Element {
return <>
<section>
<div class="container">
<div className="container">

<div class="row margin-second">
<div class="col-lg-8 offset-lg-2 text-center">
<h2 class="section-title">CloudStack Events</h2>
<p class="px18 mt-4">
<div className="row margin-second">
<div className="col-lg-8 offset-lg-2 text-center">
<h2 className="section-title">CloudStack Events</h2>
<p className="px18 mt-4">
There’s always plenty of CloudStack Events happening in different
parts of the world. These range from Meet-ups, User Groups to
CloudStack Collaboration Conference events. Each event will feature a
Expand All @@ -20,99 +20,99 @@ involved with the community.
</div>
</div>

<div class="horizontal-card">
<div class="hc-header">Upcoming Events:</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<img src="/img/CSEUG 2024.png" alt="" class="events-img events-overview-img"/>
<p class="title mt-2">CloudStack European User Group 2024</p>
<p class="events-info"><img src="/img/pin_icon.png" class="me-2" alt=""/>Frankfurt, Germany</p>
<p class="events-info"><img src="/img/calendar_icon.png" class="me-2" alt=""/>Sep 19, 2024</p>
<div className="horizontal-card">
<div className="hc-header">Upcoming Events:</div>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/CSEUG 2024.png" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">CloudStack European User Group 2024</p>
<p className="events-info"><img src="/img/pin_icon.png" className="me-2" alt=""/>Frankfurt, Germany</p>
<p className="events-info"><img src="/img/calendar_icon.png" className="me-2" alt=""/>Sep 19, 2024</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="/blog/cseug-2024" class="btn btn-outline-secondary me-3">Read More</a>
<a class="button button--primary" href="https://www.eventbrite.co.uk/e/cloudstack-european-user-group-germany-tickets-879369205967" target="_blank">Register Now</a>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="/blog/cseug-2024" className="btn btn-outline-secondary me-3">Read More</a>
<a className="button button--primary" href="https://www.eventbrite.co.uk/e/cloudstack-european-user-group-germany-tickets-879369205967" target="_blank">Register Now</a>
</div>
</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<div class="events-img events-overview-img" style={{display: "flex", alignItems: "center"}}>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<div className="events-img events-overview-img" style={{display: "flex", alignItems: "center"}}>
<img src="https://www.apachecon.com/event-images/na2024-wide-light.png" alt="C/C NA 2024"/>
</div>
<p class="title mt-2">Community Over Code North America 2024</p>
<p class="events-info"><img src="img/pin_icon.png" class="me-2" alt=""/>Denver, United States of America</p>
<p class="events-info"><img src="img/calendar_icon.png" class="me-2" alt=""/>October 7-10, 2024</p>
<p className="title mt-2">Community Over Code North America 2024</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Denver, United States of America</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>October 7-10, 2024</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://communityovercode.org/" class="btn btn-outline-secondary me-3">Read More</a>
<a class="button button--primary" href="https://communityovercode.org/registration/" target="_blank">Register Now</a>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://communityovercode.org/" className="btn btn-outline-secondary me-3">Read More</a>
<a className="button button--primary" href="https://communityovercode.org/registration/" target="_blank">Register Now</a>
</div>
</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<img src="/img/CCC-2024.png" alt="" class="events-img events-overview-img"/>
<p class="title mt-2">CloudStack Collaboration Conference 2024</p>
<p class="events-info"><img src="img/pin_icon.png" class="me-2" alt=""/>Madrid, Spain</p>
<p class="events-info"><img src="img/calendar_icon.png" class="me-2" alt=""/>November 20-22, 2024</p>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/CCC-2024.png" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">CloudStack Collaboration Conference 2024</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Madrid, Spain</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>November 20-22, 2024</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="/blog/ccc-2024" class="btn btn-outline-secondary me-3">Read More</a>
<a href="https://www.eventbrite.com/e/cloudstack-collaboration-conference-2024-tickets-879401903767" class="btn btn-primary">Register Now</a>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="/blog/ccc-2024" className="btn btn-outline-secondary me-3">Read More</a>
<a href="https://www.eventbrite.com/e/cloudstack-collaboration-conference-2024-tickets-879401903767" className="btn btn-primary">Register Now</a>
</div>
</div>
</div>

<div class="horizontal-card">
<div class="hc-header">Past Events:</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<img src="/img/india 2024.jpeg" alt="" class="events-img events-overview-img"/>
<p class="title mt-2">CloudStack India User Group 2024</p>
<p class="events-info"><img src="img/pin_icon.png" class="me-2" alt=""/>Hyderabad, India</p>
<p class="events-info"><img src="img/calendar_icon.png" class="me-2" alt=""/>February 23, 2024</p>
<div className="horizontal-card">
<div className="hc-header">Past Events:</div>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/india 2024.jpeg" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">CloudStack India User Group 2024</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Hyderabad, India</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>February 23, 2024</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://cloudstack.apache.org/blog/india-user-group-2024/" class="btn btn-outline-secondary me-3">Read More</a>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://cloudstack.apache.org/blog/india-user-group-2024/" className="btn btn-outline-secondary me-3">Read More</a>
</div>
</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<img src="/img/ceph day.png" alt="" class="events-img events-overview-img"/>
<p class="title mt-2">Ceph and CloudStack day 2024</p>
<p class="events-info"><img src="img/pin_icon.png" class="me-2" alt=""/>Amsterdam, the Netherlands</p>
<p class="events-info"><img src="img/calendar_icon.png" class="me-2" alt=""/>February 22, 2024</p>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/ceph day.png" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">Ceph and CloudStack day 2024</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Amsterdam, the Netherlands</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>February 22, 2024</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
</div>
</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<img src="/img/event_img2.png" alt="" class="events-img events-overview-img"/>
<p class="title mt-2">CloudStack Collaboration Conference 2023</p>
<p class="events-info"><img src="img/pin_icon.png" class="me-2" alt=""/>Paris, Île-de-France, France</p>
<p class="events-info"><img src="img/calendar_icon.png" class="me-2" alt=""/>November 23-24, 2023</p>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/event_img2.png" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">CloudStack Collaboration Conference 2023</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>Paris, Île-de-France, France</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>November 23-24, 2023</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://cloudstack.apache.org/blog/ccc2023-roundup" class="btn btn-outline-secondary me-3">Read More</a>
<a href="https://www.youtube.com/playlist?list=PLnIKk7GjgFlZsBJestxnL-xF5DxgewxYh" class="btn btn-primary">Watch</a>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://cloudstack.apache.org/blog/ccc2023-roundup" className="btn btn-outline-secondary me-3">Read More</a>
<a href="https://www.youtube.com/playlist?list=PLnIKk7GjgFlZsBJestxnL-xF5DxgewxYh" className="btn btn-primary">Watch</a>
</div>
</div>
<div class="row">
<div class="col-lg-9 pt-3 px-4">
<img src="/img/CSEUG 2023.png" alt="" class="events-img events-overview-img"/>
<p class="title mt-2">CloudStack European User Group 2023</p>
<p class="events-info"><img src="img/pin_icon.png" class="me-2" alt=""/>London, UK</p>
<p class="events-info"><img src="img/calendar_icon.png" class="me-2" alt=""/>May 4, 2023</p>
<div className="row">
<div className="col-lg-9 pt-3 px-4">
<img src="/img/CSEUG 2023.png" alt="" className="events-img events-overview-img"/>
<p className="title mt-2">CloudStack European User Group 2023</p>
<p className="events-info"><img src="img/pin_icon.png" className="me-2" alt=""/>London, UK</p>
<p className="events-info"><img src="img/calendar_icon.png" className="me-2" alt=""/>May 4, 2023</p>
</div>
<div class="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://cloudstack.apache.org/blog/cseug-2023-roundup" class="btn btn-outline-secondary me-3">Read More</a>
<a href="https://www.youtube.com/playlist?list=PLnIKk7GjgFlZtSvP7zSXDKr-r5qLCKCFd" class="btn btn-primary">Watch</a>
<div className="col-lg-3 px-4 events-btn-margin d-flex justify-content-center justify-content-lg-end align-items-center">
<a href="https://cloudstack.apache.org/blog/cseug-2023-roundup" className="btn btn-outline-secondary me-3">Read More</a>
<a href="https://www.youtube.com/playlist?list=PLnIKk7GjgFlZtSvP7zSXDKr-r5qLCKCFd" className="btn btn-primary">Watch</a>
</div>
</div>
</div>

<div class="text-center load-more">
<a href="/blog/tags/roundup" class="btn btn-outline-secondary">See Past Events</a>
<div className="text-center load-more">
<a href="/blog/tags/roundup" className="btn btn-outline-secondary">See Past Events</a>
</div>

</div>
Expand Down
10 changes: 5 additions & 5 deletions src/pages/about.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,12 @@ export default function About() {
return (
<Layout title="About Apache CloudStack">
<header>
<div class="container">
<div class="row">
<div class="col">
<h1 class="section-title text-center mb-5">About Apache CloudStack</h1>
<div className="container">
<div className="row">
<div className="col">
<h1 className="section-title text-center mb-5">About Apache CloudStack</h1>
<div>
<h2 class="text-center">What is Apache CloudStack?</h2>
<h2 className="text-center">What is Apache CloudStack?</h2>
<p>
Apache CloudStack is a top-level project of the Apache Software
Foundation (ASF). The project develops open source software for
Expand Down
Loading