Skip to content

Commit

Permalink
articles + image links
Browse files Browse the repository at this point in the history
  • Loading branch information
@pkzstar
pkzstar committed Nov 27, 2023
1 parent 8dd9f06 commit c738ba8
Show file tree
Hide file tree
Showing 3 changed files with 82 additions and 43 deletions.
45 changes: 25 additions & 20 deletions Articles.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,48 +20,53 @@
</div>
<ul>
<li class="article-style">
<img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/HistoryOfHoneypot.png?raw=true" alt="">
<a class="article-body" style="display: block;">11/26/23</a>
<a href=""><img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/HistoryOfHoneypot.png?raw=true" alt=""></a>
<h1 class="article-head">
<p class="article-date" style="display: block;">11/26/23</p>
<a href="">The History Of Honeypot</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
<a class="article-read" href="" style="display: block;">Read More</a>
</h1>
</li>
<li class="article-style">
<img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/potentialcrop.png?raw=true" alt="">
<a class="article-body" style="display: block;">11/8/23</a>
<a href=""><img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/potentialcrop.png?raw=true" alt=""></a>
<h1 class="article-head">
<p class="article-date" style="display: block;">11/8/23</p>
<a href="">PMRank 2023's "Potential Players" List, Explained</a>
<a class="article-read" href="" style="display: block;">Read More</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</li>
<li 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>
</li>
<li class="article-style">
<a href=""><img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/article-milehigh.png?raw=true" alt=""></a>
<h1 class="article-head">
<p class="article-date" style="display: block;">9/14/23</p>
<a href="">The Mile High City in the Era of P+</a>
<a class="article-read" href="" style="display: block;">Read More</a>
</h1>
</li>
<li class="article-style">
<a class="article-body" style="display: block;">9/4/23</a>
<a href=""><img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/article-tripoint.jpg?raw=true" alt=""></a>
<h1 class="article-head">
<p class="article-date" style="display: block;">9/4/23</p>
<a href="">100 Tripoints: A TO’s Reflection</a>
<a class="article-read" href="" style="display: block;">Read More</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</li>
<li class="article-style">
<a class="article-body" style="display: block;">8/14/23</a>
<a href=""><img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/article-rises.png?raw=true" alt=""></a>
<h1 class="article-head">
<p class="article-date" style="display: block;">8/14/23</p>
<a href="">Who's Made Rises in 2023's First Half(ish)</a>
<a class="article-read" href="" style="display: block;">Read More</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</li>
<li class="article-style">
<a class="article-body" style="display: block;">7/27/23</a>
<a href=""><img class="article-banner" src="https://github.com/pkzstar/plus-side/blob/main/images/article-wz.png?raw=true" alt=""></a>
<a class="article-date" style="display: block;">7/27/23</a>
<h1 class="article-head">
<p class="article-date" style="display: block;">7/27/23</p>
<a href="">What To Expect at Warp Zone 2</a>
<a class="article-read" href="" style="display: block;">Read More</a>
</h1>
<a class="article-body" href="" style="display: block;">Read More</a>
</li>
</ul>
</body>
Expand Down
10 changes: 5 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
<div>
<ul>
<li class="Events">
<img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/honeypot.png?raw=true" alt="">
<a href="https://www.start.gg/tournament/honeypot-6-winter-is-coming/details"><img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/honeypot.png?raw=true" alt=""></a>
<div>
<img class="pmrank" src="https://github.com/pkzstar/plus-side/blob/main/images/pmrank.png?raw=true" alt="">
<h1 class="eventsTitle">Honeypot 6: Winter is Coming</h1>
Expand All @@ -38,7 +38,7 @@ <h1 class="eventsTitle">Honeypot 6: Winter is Coming</h1>
</div>
</li>
<li class="Events">
<img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/vortex.png?raw=true" alt="">
<a href="https://www.start.gg/tournament/vortex-gallery-at-frosty-faustings-xvi/details"><img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/vortex.png?raw=true" alt=""></a>
<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>
Expand All @@ -47,7 +47,7 @@ <h1 class="eventsTitle">Vortex Gallery at Frosty Faustings XVI</h1>
</div>
</li>
<li class="Events">
<img class="events-banners" src="https://raw.githubusercontent.com/pkzstar/plus-side/main/images/fullbloom.png" alt="">
<a href="https://www.start.gg/tournament/full-bloom-2024/details"><img class="events-banners" src="https://raw.githubusercontent.com/pkzstar/plus-side/main/images/fullbloom.png" alt=""></a>
<div>
<img class="pmrank" src="https://github.com/pkzstar/plus-side/blob/main/images/pmrank.png?raw=true" alt="">
<h1 class="eventsTitle">Full Bloom 2024</h1>
Expand All @@ -63,7 +63,7 @@ <h1 class="eventsTitle">Full Bloom 2024</h1>
</div>
</li>
<li class="Events">
<img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/truce.png?raw=true" alt="">
<a href="https://www.start.gg/tournament/the-truce/details"><img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/truce.png?raw=true" alt=""></a>
<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>
Expand All @@ -75,7 +75,7 @@ <h1 class="eventsTitle">The Truce</h1>
</div>
</li>
<li class="Events">
<img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/milehigh.jpg?raw=true" alt="">
<a href="https://www.start.gg/tournament/the-bigger-mile-high-club/details"><img class="events-banners" src="https://github.com/pkzstar/plus-side/blob/main/images/milehigh.jpg?raw=true" alt=""></a>
<div>
<img class="pmrank" src="https://github.com/pkzstar/plus-side/blob/main/images/pmrank.png?raw=true" alt="">
<h1 class="eventsTitle">THE BIGGER MILE HIGH CLUB</h1>
Expand Down
70 changes: 52 additions & 18 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,29 +131,60 @@ img.plussidenetnav {
text-align: left;
}
.article-head {
text-align: center;
padding-left: 50px;
text-align: left;
font-family: Nunito;
}
.article-body {
.article-date {
font-size: large;
font-family: Nunito;
text-align: center;
}
.article-read {
font-size: large;
font-family: Nunito;
text-align: left;
background-color: rgb(50, 185, 152);
border-radius: 50%;
padding-left: 20px;
padding-right: 20px;
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;
position: absolute;

}
.article-read:hover {
box-shadow: 2px 2px 5px 1px rgb(0, 43, 4);
border-style: double;
font-family: Nunito;
color: slateblue;
border-inline-color: slateblue;
border-style: double;
border-block-style: groove;
border-block-width: thick;
}
.article-style {
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-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);
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;
}
.article-style:hover {
box-shadow: 2px 2px 5px 1px rgb(0, 43, 4);
Expand All @@ -166,8 +197,11 @@ img.plussidenetnav {
}
.article-banner {
border-radius: 25%;
height: auto;
width: 20%;
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);
}
.events-banners {
border-radius: 25%;
Expand Down Expand Up @@ -201,4 +235,4 @@ img.plussidenetnav {
border-style: double;
border-block-style: groove;
border-block-width: thick;
}
}

0 comments on commit c738ba8

Please sign in to comment.