Skip to content

Commit

Permalink
feat: update site content and images
Browse files Browse the repository at this point in the history
  • Loading branch information
@andresitodeguzman
andresitodeguzman committed Oct 5, 2021
1 parent dafcd02 commit 6c2f61e
Show file tree
Hide file tree
Showing 4 changed files with 74 additions and 43 deletions.
Binary file modified public/assets/cover.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/images/do-sponsors.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/assets/images/partners.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
117 changes: 74 additions & 43 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<title>Hacktoberfest - PWA Pilipinas</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Join as we celebrate and support open source. Organized by PWA Pilipinas in partnership with partner communities and organizations.">
<meta name="theme-color" content="#072540">
<meta name="theme-color" content="#677662">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="apple-touch-icon" sizes="128x128" href="/assets/icons/icon-128x128.png">
<meta property="og:title" content="Hacktoberfest Philippines - PWA Pilipinas">
Expand All @@ -33,11 +33,11 @@
margin: 0;
padding: 0;
--primary-color: #677662;
max-width: 100vw;
word-break: break-word;
overflow-x: hidden;
background-color: #F4F0E1;
color: #2B3531;
width: 100%;
}

nav {
Expand All @@ -47,10 +47,11 @@
top: 0;
background: #677662;
}
nav > img {
position: fixed;
left: 50px;
top: 10px;
nav > * {
display: flex;
padding: 10px;
justify-content: space-between;
align-items: center;
}

.container {
Expand All @@ -72,7 +73,7 @@
}

.event {
background: #2B3531;
background: #B53A25;
color: white;
padding: 20px;
margin-bottom: 10px;
Expand All @@ -95,22 +96,17 @@
border-radius: 12px;
font-size: 12pt;
cursor: pointer;
width: 200px;
position: fixed;
right: 15px;
top: 20px;
width: 100px;
text-align: center;
color: var(--primary-color);
text-decoration: none;
height: 20px;
}

.download_button {
text-decoration: none;
color: white;
background-color: var(--primary-color);
padding: 10px 50px;
font-size: 20pt;
border-radius: 15px;
font-size: 15pt;
}

.button_container {
Expand All @@ -119,69 +115,104 @@
justify-content: center;
flex-wrap: wrap;
padding: 10px;
text-align: center;

}

.button_container > * {
width: 100%;
margin-right: 10px;
margin-bottom: 10px;
background-color: var(--primary-color);
padding: 10px 50px;
border-radius: 15px;
}
</style>
</head>
<body>
<nav class="header">
<img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hf-icon.6b4a329.svg" style="width: 80px;">
<a class="openapp" href="https://app.pwapilipinas.org">
Open PWA Pilipinas App
</a>
<div>
<img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hf-icon.6b4a329.svg" style="width: 80px;">
</div>
</nav>
<div class="container">
<div class="jumbotron">
<div style="width: 100%; justify-content: center; display: flex;">
<img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hacktoberfest-full2.aa1e9d9.svg" style="width: 500px">
<img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hacktoberfest-full2.aa1e9d9.svg" style="width: 80%; max-width: 500px;">
</div>
<div style="width: 100%">
<h1><b style="font-weight: bolder;">Hacktoberfest</b><br>Philippines</h1>
<h1><b style="font-weight: bolder;">PWA Pilipinas</b><br>Hacktoberfest<br>Celebration</h1>
</div>
</div>

<div>
<p style="text-align: center; color: #2B3531">
Coming Soon.
<div style="margin-left: 10%; margin-right: 10%;">
<p style="text-align: center; color: #2B3531; font-size: 14pt;">
Hacktoberfest is a month-long global celebration of open source software run by DigitalOcean in partnership with Intel, AppWrite, and DeepSource, with a strong focus on encouraging contributions to open source projects.
<br><br>
PWA Pilipinas Hacktoberfest Celebration is a series of events that will allow participants to learn about open source and new technologies like Progressive Web Apps.
With bootcamps to learn the basics of web and an introduction to Progressive Web Apps, one can make meaningful open source contributions.
</p>

<!-- div class="event-container">
<a class="event" href="https://organize.mlh.io/participants/events/4584-hacktoberfest-philippines-introduction-to-open-source" title="Introduction to Open Source">
<h2>Introduction to Open Source</h2>
<p>October 11 • 5pm</p>
<div class="button_container">
<a title="Register and Learn More" class="download_button" href="https://hacktoberfest.digitalocean.com">Visit Hacktoberfest DigitalOcean Site</a>
</div>

<div class="event-container">
<a class="event" href="https://pwapilipinas.org/event/sy4tPDQjcIc1Okl1Tav7" title="Hacktoberfest Celebration">
<h2>Hacktoberfest Celebration</h2>
<p>October 10 • 8 pm (GMT+8)</p>
</a>
<a class="event" href="https://pwapilipinas.org/event/fWv8oiE3uWMbFYckcPts" title="web.talks October Edition">
<h2>web.talks: October Edition</h2>
<p>October 12 • 8 pm (GMT + 8)</p>
</a>
<a class="event" href="https://zuitt.co/applicationform/event/2109-fcb-pwa/ " title="Zuitt Bootcamp">
<h2>
<span style="font-size: 13pt;">Zuitt x PWA Pilipinas</span><br>
Code with PWA: Foundational Web Coding for Beginners
</h2>
<p>October 16-17 • Limited Slots</p>
</a>
<a class="event" href="http://organize.mlh.io/participants/events/4585-hacktoberfest-philippines-hack-to-home-screen" title="Hack to Home Screen">
<h2>Hack to Home Screen</h2>
<p>October 18 • 5pm</p>
<a class="event" href="https://pwapilipinas.org/event/XOGespqRBj6p6UyY7niC" title="Intro to PWA">
<h2>
<span style="font-size: 13pt;">Stackleague x PWA Pilipinas</span><br>
Introduction to Progressive Web Apps
</h2>
<p>October 21 • 8 pm (GMT + 8)</p>
</a>
<a class="event" href="http://organize.mlh.io/participants/events/4586-hacktoberfest-philippines-celebration-of-open-source" title="Celebration of Open Source">
<a class="event" href="https://pwapilipinas.org/event/iS4uUw2HgL8rUTZawFEW" title="Celebration of Open Source">
<h2>Celebration of Open Source</h2>
<p>October 25 • 5pm</p>
<p>October 23 • 8 pm (GMT + 8)</p>
</a>
</div>

<div class="button_container">
<a title="Download Swags" class="download_button" href="https://hf2020.nyc3.digitaloceanspaces.com/Virtual-Swag-Kit.zip" download>Download Swags</a>
<a title="Hack to Home Screen" class="download_button" href="https://github.com/pwa-pilipinas/hack-to-home-screen">Hack to Home Screen</a>
<a title="Community Pledge" class="download_button" href="https://github.com/pwa-pilipinas/community-pledge">Community Pledge</a>
<a title="Icebreaker for Hack to Home Screen" class="download_button" href="https://icebreaker.video/events/IxoPiS4iFrA5Qb2dHMN9">Join Icebreaker</a>
</div -->
<a title="Download Swags" class="download_button" href="https://hacktoberfest.digitalocean.com/HF'21-Promo-Kit.zip" download>Download Swags</a>
<a title="Community Pledge" class="download_button" href="https://github.com/pwa-pilipinas/community-pledge">Community Pledge</a>
</div>

<p style="text-align: center; color: #2B3531; font-size: 14pt;">
Sign up on the Hacktoberfest site at <a style="color: #2B3531" href="https://hacktoberfest.digitalocean.com">https://hacktoberfest.digitalocean.com</a>. To qualify for the official limited edition Hacktoberfest shirt, you must register and make four pull requests between October 1-31. Pull requests can be to any public repo on GitHub, not just the ones with issues labeled Hacktoberfest. If a maintainer reports your pull request as spam or spammy behavior, or not in line with the project’s code of conduct, you will be ineligible to participate.
<br><br>
Connect with other Hacktoberfest participants by using @DigitalOcean, @hacktoberfest, #hacktoberfest on your social media platform of choice.
<br><br>
New to DigitalOcean? Receive USD $100 in infrastructure credit at <a style="color: #2B3531" href="https://do.co/hacktoberfest100">https://do.co/hacktoberfest100</a>.
<br><br>
Hacktoberfest meetups are welcoming, open, and inclusive. All participants, speakers and volunteers are required to observe and follow the Code of Conduct that you can read by visiting <a href="https://pwapilipinas.org/code-of-conduct" style="color: #2B3531">https://pwapilipinas.org/code-of-conduct</a>. In addition, Please read the <a style="color: #2B3531" href="https://do.co/hacktoberconduct">Events Code of Conduct</a> before attending.
<br><br>
Visit <a style="color: #2B3531" href="https://pwapilipinas.org/privacy-policy/">https://pwapilipinas.org/privacy-policy/</a> for our privacy policy. For any data-privacy concerns, please send an e-mail to <a style="color: #2B3531" href="mailto:[email protected]">[email protected]</a>.
</p>


<div style="text-align: center; margin-top: 100px">
<!--img src="assets/images/do-sponsors.png" style="width: 80%;"><br><br-->
<img src="assets/images/do-sponsors.png" style="width: 80%; max-width: 500px;"><br><br>
<div>
<h2 style="color: #2B3531;">Organized by</h2><br>
<img src="https://pwapilipinas.org/assets/images/logo_color.svg" width="10%">
</div>
<!--div>
<h2 style="color: #93C2DB;">Community Partners</h2><br>
<div>
<h2 style="color: #2B3531;">Community Partners</h2><br>
<img src="assets/images/partners.png" style="width: 80%;">
</div-->
</div>
</div>
</div>

Expand Down

0 comments on commit 6c2f61e

Please sign in to comment.