Skip to content

Commit

Permalink
start
Browse files Browse the repository at this point in the history
  • Loading branch information
@pkzstar
pkzstar committed Nov 26, 2023
0 parents commit a82c6ce
Show file tree
Hide file tree
Showing 6 changed files with 343 additions and 0 deletions.
68 changes: 68 additions & 0 deletions Articles.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<title>Plus Side</title>
<link rel="icon" type="image/x-icon" href="c:\Users\icecl\OneDrive\Desktop\plus side\graphcs\favicon.png">
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<div class="header-nav">
<a class="plussidenetnav" href="Upcoming-Events.html"><img class="plussidenetnav" src="plusside.net.png" alt="oops"/></a>
<a class="twitterlink" href="https://twitter.com/pplusside"><img class=twitterlink src="twitterlogo.png"></a>
<a class="youtubelink" href="https://www.youtube.com/@PPlusSide/featured"><img class=youtubelink src="youtubelogo.png"></a>
<a class="Nav-Upcoming"><a href="Upcoming-Events.html"><b>Upcoming Events</b></a>
<a class="Nav-Calendar"><a href="Event-Calendar.html"><b>Event Calendar</b></a>
<a class="Nav-Articles"><a href="Articles.html"><b>Articles</b></a>
<a class="Nav-Past"><a href="Past-Events.html"><b>Past Events</b></a>
</div>
<ul>
<li class="article-style">
<img class="article-banner" src="potentialcrop.png" alt="">
<a class="article-body" style="display: block;">11/8/23</a>
<h1 class="article-head">
<a href="">PMRank 2023's "Potential Players" List, Explained</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</li>
<li>
<section class="article-style">
<a class="article-body" style="display: block;">9/14/23</a>
<h1 class="article-head">
<a href="">The Mile High City in the Era of P+</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</section>
</li>
<li>
<section class="article-style">
<a class="article-body" style="display: block;">9/4/23</a>
<h1 class="article-head">
<a href="">100 Tripoints: A TO’s Reflection</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</section>
</li>
<li>
<section class="article-style">
<a class="article-body" style="display: block;">8/14/23</a>
<h1 class="article-head">
<a href="">Who's Made Rises in 2023's First Half(ish)</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</section>
</li>
<li>
<section class="article-style">
<a class="article-body" style="display: block;">7/27/23</a>
<h1 class="article-head">
<a href="">What To Expect at Warp Zone 2</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</section>
</li>
</ul>
</body>
</html>
22 changes: 22 additions & 0 deletions Event-Calendar.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<title>Plus Side</title>
<link rel="icon" type="image/x-icon" href="c:\Users\icecl\OneDrive\Desktop\plus side\graphcs\favicon.png">
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<div class="header-nav">
<a class="plussidenetnav" href="Upcoming-Events.html"><img class="plussidenetnav" src="plusside.net.png" alt="oops"/></a>
<a class="twitterlink" href="https://twitter.com/pplusside"><img class=twitterlink src="twitterlogo.png"></a>
<a class="youtubelink" href="https://www.youtube.com/@PPlusSide/featured"><img class=youtubelink src="youtubelogo.png"></a>
<a class="Nav-Upcoming"><a href="Upcoming-Events.html"><b>Upcoming Events</b></a>
<a class="Nav-Calendar"><a href="Event-Calendar.html"><b>Event Calendar</b></a>
<a class="Nav-Articles"><a href="Articles.html"><b>Articles</b></a>
<a class="Nav-Past"><a href="Past-Events.html"><b>Past Events</b></a>
</div>
</body>
</html>
22 changes: 22 additions & 0 deletions Past-Events.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<title>Plus Side</title>
<link rel="icon" type="image/x-icon" href="c:\Users\icecl\OneDrive\Desktop\plus side\graphcs\favicon.png">
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<div class="header-nav">
<a class="plussidenetnav" href="Upcoming-Events.html"><img class="plussidenetnav" src="plusside.net.png" alt="oops"/></a>
<a class="twitterlink" href="https://twitter.com/pplusside"><img class=twitterlink src="twitterlogo.png"></a>
<a class="youtubelink" href="https://www.youtube.com/@PPlusSide/featured"><img class=youtubelink src="youtubelogo.png"></a>
<a class="Nav-Upcoming"><a href="Upcoming-Events.html"><b>Upcoming Events</b></a>
<a class="Nav-Calendar"><a href="Event-Calendar.html"><b>Event Calendar</b></a>
<a class="Nav-Articles"><a href="Articles.html"><b>Articles</b></a>
<a class="Nav-Past"><a href="Past-Events.html"><b>Past Events</b></a>
</div>
</body>
</html>
87 changes: 87 additions & 0 deletions Upcoming-Events.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<title>Plus Side</title>
<link rel="icon" type="image/x-icon" href="c:\Users\icecl\OneDrive\Desktop\plus side\graphcs\favicon.png">
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<div class="header-nav">
<a class="plussidenetnav" href="Upcoming-Events.html"><img class="plussidenetnav" src="plusside.net.png" alt="oops"/></a>
<a class="twitterlink" href="https://twitter.com/pplusside"><img class=twitterlink src="twitterlogo.png"></a>
<a class="youtubelink" href="https://www.youtube.com/@PPlusSide/featured"><img class=youtubelink src="youtubelogo.png"></a>
<a class="Nav-Upcoming"><a href="Upcoming-Events.html"><b>Upcoming Events</b></a>
<a class="Nav-Calendar"><a href="Event-Calendar.html"><b>Event Calendar</b></a>
<a class="Nav-Articles"><a href="Articles.html"><b>Articles</b></a>
<a class="Nav-Past"><a href="Past-Events.html"><b>Past Events</b></a>
</div>
<div>
<ul>
<li class="Events">
<img class="events-banners" src="honeypot.png" alt="">
<div>
<img class="pmrank" src="pmrank.png" alt="">
<h1 class="eventsTitle">Honeypot 6: Winter is Coming</h1>
<p class="events-text">Honeypot 6: Winter is Coming</p>
<p class="events-text">In the Putnam Museum's Giant Theater</p>
<p class="events-text">In the midst of winter a familiar event returns: the sixth iteration of Honeypot! For the first time, this will be a 2-day event! Honeypot 6 is a fighting games event brought to you by Visit Quad Cities, St. Ambrose University & Quad Cities Esports! The grassroots event is ran by local TO's and SAU Esports staff.</p>
<p class="events-text">All matches will be played in and around the Giant Screen Theater</p>
<p class="events-text">December 2nd—3rd, 2023</p>
<label>
<a class="startgg" href="https://www.start.gg/tournament/honeypot-6-winter-is-coming/details">start.gg</a>
</label>
</div>
</li>
<li class="Events">
<img class="events-banners" src="vortex.png" alt="">
<div>
<h1 class="eventsTitle">Vortex Gallery at Frosty Faustings XVI</h1>
<p class="events-text">Join us at The Westin in Lombard, IL from January 25-28 to be a part of Frosty Faustings XVI, a storied fighting game tournament event boasting 4 days of competition and community.</p>
<p class="events-text">This year, we’re proud to team up with Frosty Faustings to bring you 4 days of the largest community-run tournament in the FGC with dedicated ballroom space, 2 stream stages, and a lineup of returning classics and all-new favorites</p>
<a class="startgg"href="https://www.start.gg/tournament/vortex-gallery-at-frosty-faustings-xvi/details">start.gg</a>
</div>
</li>
<li class="Events">
<img class="events-banners" src="fullbloom.png" alt="">
<div>
<img class="pmrank" src="pmrank.png" alt="">
<h1 class="eventsTitle">Full Bloom 2024</h1>
<p class="events-text">The Midwestern Flower Blooms Once Again, Coming February 24-25!</p>
<p class="events-text">Full Bloom 2024 is a 2-day, multi-game tournament.</p>
<p class="events-text">Taking Place in Bloomington, Indiana, at the Indiana Memorial Union</p>
<p class="events-text">Featuring...</p>
<p class="events-text">Super Smash Bros. Melee</p>
<p class="events-text">Super Smash Bros Ultimate</p>
<p class="events-text">Project+</p>
<p class="events-text">And rivals of Aether</p>
<a class="startgg" href="https://www.start.gg/tournament/full-bloom-2024/details">start.gg</a>
</div>
</li>
<li class="Events">
<img class="events-banners" src="truce.png" alt="">
<div>
<h1 class="eventsTitle">The Truce</h1>
<p class="events-text">Welcome to the first French Project M 3.6 major since the release of Project+:</p>
<p class="events-text">The Truce</p>
<p class="events-text">On the program: Project M, of course, but also Melee and HDR, in case you haven't figured it out - we like illegal games here, hehe!</p>
<p class="events-text">But also PM Doubles and Rivals of Aether !!!</p>
<p class="events-text">Feb 24th — 25th, 2024</p>
<a class="startgg" href="https://www.start.gg/tournament/the-truce/details">start.gg</a>
</div>
</li>
<li class="Events">
<img class="events-banners" src="milehigh.jpg" alt="">
<div>
<img class="pmrank" src="pmrank.png" alt="">
<h1 class="eventsTitle">THE BIGGER MILE HIGH CLUB</h1>
<p class="events-text">Colorado's P+ Major is back! The Bigger Mile High Club is happening on April 20th and 21st at Localhost's Warehouse sized venue! Come Show your skills at the city in the clouds!</p>
<a class="startgg" href="https://www.start.gg/tournament/the-bigger-mile-high-club/details">start.gg</a>
</div>
</li>
</ul>
</div>
</body>
</html>
Empty file added script.js
Empty file.
144 changes: 144 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
body {
background-image: url(https://i.pinimg.com/originals/9c/3b/44/9c3b447bc23141425bb3176b5986cde4.jpg);
background-attachment: fixed;
}
.header-nav {
color: black;
text-align: center;
border-radius: 25%;
background: linear-gradient(90deg, rgb(4, 37, 0)5%, rgb(21, 180, 0)75%, rgb(233, 0, 182)90%, rgb(82, 0, 121));
font-family: Nunito;
font-size: 35px;
padding: 30px;
}
.header-nav:hover {
color: slateblue;
}
.Nav-Upcoming
{
margin-inline: 25px;
display: inline-block;
}
.Nav-Calendar {
margin-inline: 25px;
display: inline-block;
}
.Nav-Articles {
margin-inline: 25px;
display: inline-block;
}
.Nav-Past {
margin-inline: 25px;
display: inline-block;
}
img.plussidenetnav {
object-position : bottom 20px left 0;
position: relative;
float: left;
width: 15%;
height: auto;
}
.twitterlink {
float: right;
height: 50px;
width: auto;
}
.youtubelink {
float: right;
height: 50px;
width: auto;
}
.Events {
border-inline-color: rgb(0, 146, 172);
font-family: Nunito;
text-align: center;
padding: 25px;
margin: 25px;
align-items: center;
justify-content: center;
display: flex;
border-radius: 100px 100px 100px 100px;
box-shadow: 0 0 3px 0 rgb(0, 196, 16);
transition: .3s;
border-block-color: green;
border-style: double;
border-block-style: groove;
border-block-width: thick;
background: linear-gradient(rgb(50, 185, 152), rgb(156, 249, 214));
border-block-end-color: rgb(0, 65, 50);
writing-mode: horizontal-tb;
}
.Events:hover {
border-inline-color: rgb(0, 146, 172);
border-style: double;
border-block-color: rgb(255, 255, 255);
border-block-style: groove;
border-block-width: thick;
}
.eventsTitle{
padding-left: 50px;
text-align: left;
}
.events-text {
font-size: larger;
padding-left: 50px;
text-align: left;
}
.article-head {
text-align: center;
font-family: Nunito;
}
.article-body {
font-family: Nunito;
text-align: center;
}
.article-style {
align-items: center;
justify-content: center;
display: flex;
border-inline-color: rgb(0, 146, 172);
border-radius: 100px 100px 100px 100px;
background: linear-gradient(rgb(50, 185, 152), rgb(156, 249, 214));
padding: 25px;
margin: 25px;
transition: .3s;
border-style: double;
border-block-color: green;
border-block-style: groove;
writing-mode: horizontal-tb;
border-block-width: thick;
border-block-end-color: rgb(0, 65, 50);
}
.article-style:hover {
box-shadow: 2px 2px 5px 1px rgb(0, 43, 4);
border-style: double;
font-family: Nunito;
border-block-color: rgb(255, 255, 255);
border-block-style: groove;
writing-mode: horizontal-tb;
border-block-width: thick;
}
.article-banner {
border-radius: 25%;
height: auto;
width: 20%;
}
.events-banners {
border-radius: 25%;
height: 300px;
width: 300px;
border-style: double;
border-block-end-color: rgb(0, 65, 50);
box-shadow: 3px 3px 6px 2px rgb(0, 43, 4);
}
.pmrank {
float: right;
}
.startgg {
font-size: 30px;
float: center;
color: black;
}
.startgg:hover {
color: slateblue;
}

0 comments on commit a82c6ce

Please sign in to comment.