Skip to content

Commit

Permalink
cleanup, add button hover effect
Browse files Browse the repository at this point in the history
  • Loading branch information
@AyeZeeBB
AyeZeeBB committed Oct 17, 2023
1 parent fb4a68d commit 6a75140
Show file tree
Hide file tree
Showing 7 changed files with 509 additions and 451 deletions.
14 changes: 9 additions & 5 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
<a name="readme-top"></a>


<!-- PROJECT SHIELDS -->

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![GNU License][license-shield]][license-url]



<!-- PROJECT LOGO -->
<br />
<div align="center">
Expand All @@ -31,11 +29,13 @@
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

R5Reloaded is a Source Engine development package to be used for the game 'Apex Legends'.

<!-- CONTRIBUTING -->

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
Expand All @@ -50,25 +50,29 @@ Don't forget to give the project a star! Thanks again!
5. Open a Pull Request

<!-- LICENSE -->

## License

Distributed under the GNU Affero General Public License v3.0. See `LICENSE.md` for more information.

<!-- CONTACT -->

## Contact

[@AyeZeeBB](https://github.com/AyeZeeBB) - [ ] / [AyeZee#6969](https://discord.com/users/784643541045215262)

Project Link: [https://github.com/AyeZeeBB/r5reloaded.com](https://github.com/AyeZeeBB/r5reloaded.com)

<!-- ACKNOWLEDGMENTS -->

## Acknowledgments

* [GNU Affero General Public License v3.0](https://choosealicense.com/licenses/gpl-3.0/)
* [Img Shields](https://shields.io)
- [GNU Affero General Public License v3.0](https://choosealicense.com/licenses/gpl-3.0/)
- [Img Shields](https://shields.io)

<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

[contributors-shield]: https://img.shields.io/github/contributors/AyeZeeBB/r5reloaded.com.svg?style=flat-square
[contributors-url]: https://github.com/AyeZeeBB/r5reloaded.com/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/AyeZeeBB/r5reloaded.com.svg?style=flat-square
Expand Down
185 changes: 93 additions & 92 deletions contributors.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,109 +5,110 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="./img/R5R-Logo-White.png">
<link rel="stylesheet" href="./css/home.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Contributors</title>
<meta content="R5Reloaded" property="og:title" />
<meta content="An Apex Legends Modding SDK" property="og:description" />
<meta content="https://r5reloaded.com" property="og:url" />
<meta content="https://r5reloaded.com/newsite/img/R5R-Logo-White.gif" property="og:image" />
<meta content="#d43d2c" data-react-helmet="true" name="theme-color" />
</head>
<body>
<div class="container">
<div class="row">
<div class="header">
<div class="logo">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="./img/R5R-Logo-White.png">
<link rel="stylesheet" href="./css/home.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Contributors</title>
<meta content="R5Reloaded" property="og:title" />
<meta content="An Apex Legends Modding SDK" property="og:description" />
<meta content="https://r5reloaded.com" property="og:url" />
<meta content="https://r5reloaded.com/newsite/img/R5R-Logo-White.gif" property="og:image" />
<meta content="#d43d2c" data-react-helmet="true" name="theme-color" />
</head>

<body>
<div class="container">
<div class="row">
<div class="header">
<div class="logo">
<a href="./index.php"><img src="./img/R5R-Logo-White.gif" alt="logo" width="80" /></a>
</div>
<input type="checkbox" id="toggle" />
<div class="meniu servers details contribs">
<a class="btn" href="./index.php">Home</a>
<a class="btn" href="./servers.php">Servers</a>
<a class="btn" href="https://docs.r5reloaded.com/">Docs</a>
<a class="btn" href="./contributors.php">Contributors</a>
<a class="btn" href="./download.php">Download</a>
</div>
<label class="navbar-toggler" for="toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</label>
</div>
<input type="checkbox" id="toggle" />
<div class="meniu servers details contribs">
<a class="btn" href="./index.php">Home</a>
<a class="btn" href="./servers.php">Servers</a>
<a class="btn" href="https://docs.r5reloaded.com/">Docs</a>
<a class="btn" href="./contributors.php">Contributors</a>
<a class="btn" href="./download.php">Download</a>
</div>
<label class="navbar-toggler" for="toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</label>
</div>
</div>
<main>
<div class="container" style="padding-top: 0px">
<div class="row">
<div class="background">
<div class="welcome" style="background-image: url('./img/contrib.png');height: 200px;">
<div class="description" style="width: 100%;justify-content: center;display: flex;flex-wrap: wrap;">
<p style="margin-bottom: 0px;margin-top: 0px;color: var(--white);">Contributors</p>
</div>
</div>

<main>
<div class="container" style="padding-top: 0px">
<div class="row">
<div class="background">
<div class="welcome" style="background-image: url('./img/contrib.png');height: 200px;">
<div class="description" style="width: 100%;justify-content: center;display: flex;flex-wrap: wrap;">
<p style="margin-bottom: 0px;margin-top: 0px;color: var(--white);">Contributors</p>
</div>
<div class="mainbox contribus">
<div class="black-background">
<br>
<?php
$number = 0;
</div>
<div class="mainbox contribus">
<div class="black-background">
<br>
<?php
$number = 0;

foreach ($contributors->contributors as $data) {
if ($number == 0) {
echo '<div class="block-content" style="margin-bottom: 0">';
}

if (empty($data->github))
echo '<div class="block hover">';
else
echo '<a href="' . $data->github . '" class="block hover hover-animation">';

foreach($contributors->contributors as $data)
{
if($number == 0)
{
echo '<div class="block-content" style="margin-bottom: 0">';
}

if(empty($data->github))
echo '<div class="block hover">';
else
echo '<a href="' . $data->github . '" class="block hover hover-animation">';
echo '<div class="items">';
echo '<img src="' . $data->image . '" alt="img" />';
echo '<div class="item">';
echo '<p style="font-size: 18px;"> ' . $data->name . '</p>';
echo '<p class="text-white" style="margin-top: 0;font-size: 12px;">' . $data->desc . '</p>';

echo '<div class="items">';
echo '<img src="' . $data->image . '" alt="img" />';
echo '<div class="item">';
echo '<p style="font-size: 18px;"> ' . $data->name . '</p>';
echo '<p class="text-white" style="margin-top: 0;font-size: 12px;">' . $data->desc . '</p>';

if(empty($data->github)) {
echo '<p class="text-white-name" style="margin-top: 0;font-size: 12px;">‎</p>';
}
else {
echo '<p class="text-white-name" style="margin-top: 0;font-size: 12px;">Github: ' . explode("https://github.com/", $data->github)[1] . '</p>';
}
if (empty($data->github)) {
echo '<p class="text-white-name" style="margin-top: 0;font-size: 12px;">‎</p>';
} else {
echo '<p class="text-white-name" style="margin-top: 0;font-size: 12px;">Github: ' . explode("https://github.com/", $data->github)[1] . '</p>';
}

echo '</div>';
echo '</div>';
echo '</div>';
echo '</div>';

if(empty($data->github))
echo '</div>';
else
echo '</a>';

$number++;
if (empty($data->github))
echo '</div>';
else
echo '</a>';

if($number > 3)
{
echo '</div>';
$number = 0;
}
}
?>
</div>
$number++;

if ($number > 3) {
echo '</div>';
$number = 0;
}
}
?>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
</div>
</main>
</body>

</html>
30 changes: 30 additions & 0 deletions css/components/button.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,25 @@
}
}

.downloadbutton, .downloadbutton2 {
display: flex;
width: 150px;
height: 45px;
margin-top: 20px;
padding: 20px;
font-size: 14px;
align-items: center;
text-transform: capitalize;
text-decoration: none;
justify-content: center;
background-color: var(--red);
color: var(--white);
border-radius: 30px;
transition-duration: 0.4s;
cursor: pointer;
border: none;
}

.discordbutton {
display: flex;
width: 50px;
Expand All @@ -45,6 +64,7 @@
color: var(--white);
border-radius: 30px;
cursor: pointer;
transition-duration: 0.4s;
border: none;
}

Expand All @@ -62,6 +82,7 @@
background-color: var(--white);
color: var(--white);
border-radius: 30px;
transition-duration: 0.4s;
cursor: pointer;
border: none;
}
Expand All @@ -80,10 +101,19 @@
background-color: #007DC5;
color: var(--white);
border-radius: 30px;
transition-duration: 0.4s;
cursor: pointer;
border: none;
}

.discordbutton:hover, .trellobutton:hover, .githubbutton:hover, .downloadbutton:hover {
transform: scale(1.1); /* Grow the button on hover */
}

.downloadbutton2:hover {
transform: scale(1.05); /* Grow the button on hover */
}

.row-block > .button {
margin-top: 15px;
background-color: transparent;
Expand Down
2 changes: 1 addition & 1 deletion css/home.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@
margin-bottom: 20px;
text-transform: uppercase;
font-size: 35px;
color: var(--red);
color: var(--white);
text-shadow: black 0px 0 20px;
}
.description h1 {
Expand Down
Loading

0 comments on commit 6a75140

Please sign in to comment.