Merge pull request #259 from Mikhail-Zex/master

Website
This commit is contained in:
Dhruv Kanojia (Xonshiz) 2020-04-27 14:07:44 +05:30 committed by GitHub
commit a4110ccd1c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 213 additions and 0 deletions

BIN
docs/Comic-dl.bsdesign Normal file

Binary file not shown.

View File

@ -0,0 +1,64 @@
.highlight-blue {
color: #fff;
background-color: #1e6add;
padding: 50px 0;
}
.highlight-blue p {
color: #c4d5ef;
line-height: 1.5;
}
.highlight-blue h2 {
font-weight: normal;
margin-bottom: 25px;
line-height: 1.5;
padding-top: 0;
margin-top: 0;
color: inherit;
}
.highlight-blue .intro {
font-size: 16px;
max-width: 500px;
margin: 0 auto 25px;
}
.highlight-blue .buttons {
text-align: center;
}
.highlight-blue .buttons .btn {
padding: 16px 32px;
margin: 6px;
border: none;
background: none;
box-shadow: none;
text-shadow: none;
opacity: 0.9;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.4px;
line-height: 1;
}
.highlight-blue .buttons .btn:hover {
opacity: 1;
}
.highlight-blue .buttons .btn:active {
transform: translateY(1px);
}
.highlight-blue .buttons .btn-primary, .highlight-blue .buttons .btn-primary:active {
border: 2px solid rgba(255,255,255,0.7);
border-radius: 6px;
color: #ebeff1;
box-shadow: none;
text-shadow: none;
padding: 14px 24px;
background: transparent;
transition: background-color 0.25s;
}

View File

1
docs/assets/css/styles.min.css vendored Normal file
View File

@ -0,0 +1 @@
.highlight-blue{color:#fff;background-color:#1e6add;padding:50px 0}.highlight-blue p{color:#c4d5ef;line-height:1.5}.highlight-blue h2{font-weight:400;margin-bottom:25px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.highlight-blue .intro{font-size:16px;max-width:500px;margin:0 auto 25px}.highlight-blue .buttons{text-align:center}.highlight-blue .buttons .btn{padding:16px 32px;margin:6px;border:none;background:0 0;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.4px;line-height:1}.highlight-blue .buttons .btn:hover{opacity:1}.highlight-blue .buttons .btn:active{transform:translateY(1px)}.highlight-blue .buttons .btn-primary,.highlight-blue .buttons .btn-primary:active{border:2px solid rgba(255,255,255,.7);border-radius:6px;color:#ebeff1;box-shadow:none;text-shadow:none;padding:14px 24px;background:0 0;transition:background-color .25s}

View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 566.93 566.93" style="enable-background:new 0 0 566.93 566.93;" xml:space="preserve">
<style type="text/css">
.st0{fill:#61CBEB;}
</style>
<path class="st0" d="M566.93,424.72c0,0-8.86,4.89-24.36,0c-7.75-4.67-17.16,2.8-27.96-1.99c-5.4,4.24-11.14-9.83-17.2,3.82
c-6.06,0.76-12.42,0.51-19.07-1.83c-3.32,9.5-6.71,14.61-10.17,5.29c-3.46-6.75-6.98-15.5-10.56-11.84
c-7.16,4.94-14.57-11.28-22.18,0.92c-7.61,8.15-15.43,11.02-23.43,3.73c-7.99,15.88-16.16-0.74-24.46,1.9
c-2.77-9.43-5.55-12.11-8.35-12.12c-2.8,7.18-5.61,31.8-8.43,13.89c-5.65,16.02-11.35-5.86-17.09-0.12
c-2.87,8.85-5.75,20.5-8.64,17.82c-2.89,7.6-5.79-12.11-8.7-14.44c-5.81,16.28-11.66,6.86-17.52-2.44
c-5.86,0.45-11.75,3.72-17.64-3.02c-2.95-17.42-5.9-11.21-8.85-11.92c-2.95-3.49-5.9-2.29-8.86,12.34
c-5.91,12.03-11.81-15.73-17.71,3.53c-2.95-15-5.89-20.36-8.83-15.19c-2.94,12.29-5.88,15.12-8.81,13.2
c-5.86-3.92-11.71,13.6-17.52-10.86c-5.81-15.75-11.6-18.76-17.34,5.27c-5.74-18.41-11.44-13.22-17.09-1.6
c-5.65,12.89-11.25,7.13-16.78,5.66c-5.54-27.42-11.01-10.47-16.41-5.02c-5.4-4.23-10.73-10.49-15.98-7.81
c-5.25-8.87-10.42-24.03-15.49-10.99c-5.08-11.03-10.06-2.34-14.94,1.83c-4.88-22.07-9.66-3.26-14.32,4.21
c-4.66,0.77-9.22,16.39-13.65,17.78c-6.64,4.93-13.01,5.59-19.07,0.3c-6.06-0.21-11.8,2.35-17.2,4.17
c-10.8,4.91-20.21,14.54-27.96-4.47c-15.5,3.17-24.36,0-24.36,0V-0.48h566.93V424.72z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

128
docs/index.html Normal file
View File

@ -0,0 +1,128 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Comic-dl</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Highlight-Blue.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body class="text-center" style="background-color: #2c3134;">
<div style="background-image: url(&quot;assets/img/BG-holder.svg&quot;);display: flex;justify-content: center;padding-top: 5%;padding-right: 5%;padding-left: 5%;"><img src="assets/img/ss.jpg" style="width: 100%;object-fit: contain;"></div>
<div class="highlight-blue" style="background-color: rgba(30,106,221,0);box-shadow: 0 45px 4rem rgb(0,0,0);margin: 2%;margin-top: 5%;margin-bottom: 5%;">
<div class="container">
<div class="intro">
<h2 class="text-center">Comic-dl</h2>
</div>
<p class="text-center" style="font-size: 20px;margin: 1%;padding: 1%;">Comic-dl is a feature-rich command line tool to download Comics and Manga from various Manga and Comic sites easily. You can search Manga from this tool as well.<br></p>
<div class="buttons"></div><a class="btn btn-outline-primary" role="button" style="margin: 1%;width: 30%;" href="https://github.com/Xonshiz/comic-dl/releases">Download</a><a class="btn btn-outline-primary" role="button" style="margin: 1%;width: 30%;" href="https://github.com/Xonshiz/comic-dl">Learn more</a></div>
</div>
<h1 style="padding: 5%;color: #ffffff;">Supported Websites:</h1>
<div class="carousel slide" data-ride="carousel" data-interval="5000" id="carousel-1">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://readcomiconline.to/">Readcomicsonline.to</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://readcomicbooksonline.net/">readcomicbooksonline.net</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://www.comicextra.com/">comicextra.com</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="https://www.readcomics.io/">readcomics.io</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://fanfox.net/">Mangafox.me</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://comic.naver.com/index.nhn">Comic Navier</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://mangahere.co/">mangahere.co</a></h1>
</div>
</div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
<ol
class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
<li data-target="#carousel-1" data-slide-to="3"></li>
<li data-target="#carousel-1" data-slide-to="4"></li>
<li data-target="#carousel-1" data-slide-to="5"></li>
<li data-target="#carousel-1" data-slide-to="6"></li>
</ol>
</div>
<div class="carousel slide" data-ride="carousel" data-interval="5000" id="carousel-1" style="margin-bottom: 10%;">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://raw.senmanga.com/">raw.senmanga</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://www.omgbeaupeep.com/">omgbeaupeep.com</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://ac.qq.com/">ac.qq.com</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://www.mangareader.net/">mangareader.net</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="https://mangarock.com/">mangarock.com</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="http://www.otakusmash.com/">otakumash.com</a></h1>
</div>
</div>
<div class="carousel-item">
<div class="text-center" style="padding-top: 5%;padding-bottom: 5%;">
<h1 style="color: #ffffff;"><a href="https://mangarock.com/">mangarock.com</a></h1>
</div>
</div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
<ol
class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
<li data-target="#carousel-1" data-slide-to="3"></li>
<li data-target="#carousel-1" data-slide-to="4"></li>
<li data-target="#carousel-1" data-slide-to="5"></li>
<li data-target="#carousel-1" data-slide-to="6"></li>
</ol>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
</body>
</html>