Skip to content

Commit

Permalink
feat: update site
Browse files Browse the repository at this point in the history
  • Loading branch information
@andresitodeguzman
andresitodeguzman committed Oct 5, 2022
1 parent 6c2f61e commit b5551bd
Show file tree
Hide file tree
Showing 11 changed files with 81 additions and 155 deletions.
Binary file added public/assets/fonts/jetbrains.ttf
View file
Binary file not shown.
Binary file added public/assets/fonts/jetbrains_italic.ttf
View file
Binary file not shown.
Binary file added public/assets/fonts/vanguard.otf
View file
Binary file not shown.
Binary file added public/assets/images/background.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 removed public/assets/images/do-sponsors.png
View file
Binary file not shown.
Binary file removed public/assets/images/hacktoberfest-big.png
View file
Binary file not shown.
Binary file removed public/assets/images/hacktoberfest-small.png
View file
Binary file not shown.
Binary file added public/assets/images/hero.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 removed public/assets/images/partners.png
View file
Binary file not shown.
Binary file removed public/assets/images/pwapilipinas.png
View file
Binary file not shown.
236 changes: 81 additions & 155 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,194 +28,120 @@
<meta property="og:type" content="website">
<meta property="og:image" content="https://hacktoberfest.pwapilipinas.org/assets/cover.png">
<style>
@font-face {
font-family: "vanguard";
src: url("assets/fonts/vanguard.otf")
}

@font-face {
font-family: "jetbrains_italic";
src: url("assets/fonts/jetbrains_italic.ttf")
}

@font-face {
font-family: "jetbrains";
src: url("assets/fonts/jetbrains.ttf")
}

body {
font-family: Arial,Helvetica,sans-serif;
background-color: #191120;
background-image: url(/assets/images/background.png);
margin: 0;
padding: 0;
--primary-color: #677662;
word-break: break-word;
overflow-x: hidden;
background-color: #F4F0E1;
color: #2B3531;
width: 100%;
}
color: white;
font-family: 'jetbrains', sans-serif;

nav {
width: 100%;
min-height: 100px;
position: fixed;
top: 0;
background: #677662;
}
nav > * {
display: flex;
padding: 10px;
justify-content: space-between;
align-items: center;
}

.container {
margin-top: 150px;
width: 100%;
padding-bottom: 200px;
}
.jumbotron {
width: 100%;
display: flex;
align-items: center;
justify-items: center;
flex-wrap: wrap;
text-align: center;
}

.event-container {
padding: 20px;
h1, h2, h3, h4 {
font-family: 'vanguard', sans-serif !important;
}

.event {
background: #B53A25;
color: white;
padding: 20px;
margin-bottom: 10px;
text-align: center;
display: block;
text-decoration: none;
.hero-image {
width: 40%;
}

.event:first-child {
border-radius: 55px 0px 0px 0px;
}
.event:last-child {
border-radius: 0px 0px 55px 0px;
}

.openapp {
background-color: white;
padding: 15px;
border: 0;
border-radius: 12px;
font-size: 12pt;
cursor: pointer;
width: 100px;
text-align: center;
color: var(--primary-color);
text-decoration: none;
height: 20px;
}

.download_button {
text-decoration: none;
color: white;
font-size: 15pt;
}

.button_container {
.content {
display: flex;
align-items: center;
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;
margin-bottom: 200px;
}

.content-container {
max-width: 800px;
padding: 20px;
}
</style>
</head>
<body>
<nav class="header">
<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: 80%; max-width: 500px;">
</div>
<div style="width: 100%">
<h1><b style="font-weight: bolder;">PWA Pilipinas</b><br>Hacktoberfest<br>Celebration</h1>
</div>
</div>

<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>
<div style="display: flex; align-items: center; justify-content: center; width: 100%;">
<img src="/assets/images/hero.png" class="hero-image" />
</div>
</div>

<div class="button_container">
<a title="Register and Learn More" class="download_button" href="https://hacktoberfest.digitalocean.com">Visit Hacktoberfest DigitalOcean Site</a>
<div class="content">
<div class="content-container">
<div>
<p>
<a href="https://hacktoberfest.com" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
Hacktoberfest Site
</a>
</p>
</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="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="https://pwapilipinas.org/event/iS4uUw2HgL8rUTZawFEW" title="Celebration of Open Source">
<h2>Celebration of Open Source</h2>
<p>October 23 • 8 pm (GMT + 8)</p>
</a>
<div>
<h1 style="font-size: 50pt;">Open Source Projects</h1>
<p>
<a href="https://github.com/PWAPilipinas/hack-to-home-screen" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
Hack to Homescreen
</a>
</p>
<p>
<a href="https://github.com/PWAPilipinas/community-pledge" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
Community Pledge
</a>
</p>
</div>

<div class="button_container">
<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>
<h1 style="font-size: 50pt;">Related Communities</h1>
<p>
<a href="https://www.facebook.com/ossph.org" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
Open Source Software Philippines
</a>
</p>
<p>
<a href="https://www.facebook.com/groups/875676539148789" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
ReactJS Philippines
</a>
</p>
<p>
<a href="https://www.facebook.com/groups/DigitalOceanManila" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
Digital Ocean Manila
</a>
</p>
</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%; 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: #2B3531;">Community Partners</h2><br>
<img src="assets/images/partners.png" style="width: 80%;">
</div>
<div>
<h1 style="font-size: 50pt;">Events and Meetups</h1>
<p>
<a href="https://app.pwapilipinas.org/events" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
PWA Pilipinas Event List
</a>
</p>
</div>
</div>

</div>
</div>

</body>
</html>

0 comments on commit b5551bd

Please sign in to comment.