-
-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
183 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <link rel="icon" href="data:,"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>BlockAds</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header id="header"> | ||
| <h1 style="color: #00de48;">BlockAds</h1> | ||
| <p >Blocks Ads on Android</p> | ||
| <img alt="GitHub all releases" src="https://img.shields.io/github/downloads/pantsufan/Magisk-Ad-Blocking-Module/total?label=Total%20downloads&style=for-the-badge"> | ||
| <a href="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/pantsufan/Magisk-Ad-Blocking-Module/" ><img alt="GitHub Repo stars" src="https://img.shields.io/badge/GitHub-Repo-brightGreen?style=for-the-badge"></a> | ||
| </header> | ||
| <br> | ||
| <main> | ||
|
|
||
|
|
||
| <div class="accordion"> | ||
|
|
||
| <input type="radio" name="select" class="accordion-select" checked /> | ||
| <div class="accordion-title"><span>What is BlockAds?</span></div> | ||
| <div class="accordion-content">BlockAds is a Magisk module created to get rids of ads on Android as well as block some unwanted sites.</div> | ||
| <input type="radio" name="select" class="accordion-select" /> | ||
| <div class="accordion-title"><span>What About Updates?</span></div> | ||
| <div class="accordion-content">Module is updated either weekly or monthly, based on changes in the host file.</div> | ||
| <input type="radio" name="select" class="accordion-select" /> | ||
| <div class="accordion-title"><span>Sources Please?</span></div> | ||
| <div class="accordion-content">OISD, 1Hosts (Pro) & Anti-Porn</div> | ||
| </div> <br> | ||
| <div style="text-align: center;"> | ||
| <a href="https://github.com/pantsufan/Magisk-Ad-Blocking-Module/releases/latest" class="myButton">Download Latest Release</a> | ||
| </div> | ||
| <br> | ||
| </main> | ||
|
|
||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,141 @@ | ||
| .myButton { | ||
| background-color: #00b144; | ||
| border-radius: 28px; | ||
| border: 1px solid #00b144; | ||
| display: inline-block; | ||
| cursor: pointer; | ||
| color: #ffffff; | ||
| font-family: Arial; | ||
| font-size: 17px; | ||
| padding: 16px 31px; | ||
| text-decoration: none; | ||
| text-shadow: 0px 1px 0px #00b144; | ||
| outline-style: none; | ||
| } | ||
| .myButton:hover { | ||
| background-color: #019530; | ||
| outline-style: none; | ||
| } | ||
| .myButton:active { | ||
| position: relative; | ||
| top: 1px; | ||
| outline-style: none; | ||
| } | ||
| .accordion { | ||
| box-sizing: border-box; | ||
| display: flex; | ||
| font-family: Arial, Helvetica, sans-serif; | ||
| overflow: hidden; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .accordion-select { | ||
| cursor: pointer; | ||
| margin: 0; | ||
| opacity: 0; | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .accordion-title { | ||
| position: relative; | ||
| } | ||
|
|
||
| .accordion-title:not(:nth-last-child(2))::after { | ||
| border: 1px solid transparent; | ||
| bottom: 0; | ||
| content: ""; | ||
| left: 0; | ||
| position: absolute; | ||
| right: 0; | ||
| top: 0; | ||
| } | ||
|
|
||
| .accordion-title span { | ||
| bottom: 0px; | ||
| box-sizing: border-box; | ||
| display: block; | ||
| position: absolute; | ||
| white-space: nowrap; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .accordion-content { | ||
| box-sizing: border-box; | ||
| overflow: auto; | ||
| position: relative; | ||
| transition: margin 0.3s ease 0.1s; | ||
| } | ||
|
|
||
| .accordion-select:checked + .accordion-title + .accordion-content { | ||
| margin-bottom: 0; | ||
| margin-right: 0; | ||
| } | ||
|
|
||
| /* Generated styles starts here */ | ||
|
|
||
| .accordion { | ||
| border-color: #dedede; | ||
| border-radius: 0px; | ||
| border-style: solid; | ||
| border-width: 0px; | ||
| flex-direction: column; | ||
| height: auto; | ||
| } | ||
|
|
||
| .accordion-title, | ||
| .accordion-select { | ||
| background-color: #dbffe8; | ||
| color: #00b144; | ||
| width: 100%; | ||
| height: 65px; | ||
| font-size: 18px; | ||
| } | ||
|
|
||
| .accordion-select { | ||
| margin-bottom: -65px; | ||
| margin-right: -65px; | ||
| } | ||
|
|
||
| .accordion-title:not(:nth-last-child(2))::after { | ||
| border-bottom-color: #15ff58; | ||
| border-right-color: transparent; | ||
| } | ||
|
|
||
| .accordion-select:hover + .accordion-title, | ||
| .accordion-select:checked + .accordion-title { | ||
| background-color: #9dffa5; | ||
| } | ||
|
|
||
| .accordion-title span { | ||
| transform: rotate(0deg); | ||
| -ms-writing-mode: lr-tb; | ||
| filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); | ||
| padding-left: 33px; | ||
| padding-right: 33px; | ||
| line-height: 65px; | ||
| } | ||
|
|
||
| .accordion-content { | ||
| background-color: #f7f7f7; | ||
| color: #7f8787; | ||
| height: 80px; | ||
| margin-bottom: -80px; | ||
| margin-right: 0; | ||
| padding: 12px; | ||
| width: 100%; | ||
| text-align: justify; | ||
| } | ||
|
|
||
| #header { | ||
| text-align: center; | ||
| } | ||
| @media (prefers-color-scheme: dark) { | ||
| body { | ||
| color: #eee; | ||
| background: #121212; | ||
| } | ||
|
|
||
| a { | ||
| color: #809fff; | ||
| } | ||
| } |