Skip to content
This repository was archived by the owner on Nov 30, 2022. It is now read-only.

Add PayPal button to footer #76

Merged
merged 1 commit into from
Apr 20, 2021
Merged

Add PayPal button to footer #76

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 15 additions & 1 deletion css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -165,12 +165,19 @@ button {
padding: 2rem 3rem;
}

#social-media .icons-container{
display:inline-flex;
flex-direction: row;
align-items: center;
}

#copyright #social-media a {
width: 40px;
height: 40px;
border-radius: 99%;
background: #ffffff;
transition: 0.4s ease;
margin-left: 6px;
}

#copyright #social-media a i {
Expand All @@ -180,7 +187,14 @@ button {
}

#copyright #social-media a:hover {
background: #1ba1e2;
background: #5bc8ff;
}

#copyright #social-media a.icon-paypal{
background-image: url("../img/icons/PayPal.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}

/********** Translation toast **********/
Expand Down
19 changes: 19 additions & 0 deletions img/icons/PayPal.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 11 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,15 +125,18 @@ <h2 class="fw-bold">Take a look inside</h2>
<div class="row justify-content-between">
<div class="col-md-6 text-white align-self-center text-center text-md-left my-2">Copyright © 2021 Files
Community</div>
<div class="col-md-6 align-self-center text-center text-md-right my-2" id="social-media">
<a href="https://github.com/files-community" class="d-inline-block text-center ml-2" aria-label="View the Files community GitHub organization">
<i class="bi-github"></i>
</a>
<a href="https://discord.gg/mr5hVu8" class="d-inline-block text-center ml-2" aria-label="Visit the Files community Discord server">
<i class="bi-discord"></i>
</a>
<div class="col-md-6 align-self-center text-center text-md-right my-2" id="social-media">
<div class="icons-container">
<a href="https://github.com/files-community" rel="external" class="d-inline-block ml-2">
<i class="bi-github"></i>
</a>
<a href="https://discord.gg/mr5hVu8" rel="external" class="d-inline-block ml-2">
<i class="bi-discord"></i>
</a>
<a href="http://paypal.me/yaichenbaum" rel="external" class="d-inline-block text-center ml-2 icon-paypal"></a>
</div>
</div>
</div>
</div>
</div>
</div>

Expand Down
15 changes: 9 additions & 6 deletions ja-jp/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,12 +128,15 @@ <h2 class="fw-bold">Filesの世界を覗く</h2>
<div class="row justify-content-between">
<div class="col-md-6 text-white align-self-center text-center text-md-left my-2">Copyright © 2021 Files Community</div>
<div class="col-md-6 align-self-center text-center text-md-right my-2" id="social-media">
<a href="https://github.com/files-community" class="d-inline-block text-center ml-2">
<i class="bi-github"></i>
</a>
<a href="https://discord.gg/mr5hVu8" class="d-inline-block text-center ml-2">
<i class="bi-discord"></i>
</a>
<div class="icons-container">
<a href="https://github.com/files-community" rel="external" class="d-inline-block ml-2">
<i class="bi-github"></i>
</a>
<a href="https://discord.gg/mr5hVu8" rel="external" class="d-inline-block ml-2">
<i class="bi-discord"></i>
</a>
<a href="http://paypal.me/yaichenbaum" rel="external" class="d-inline-block text-center ml-2 icon-paypal"></a>
</div>
</div>
</div>
</div>
Expand Down