mirror of
https://github.com/saintly2k/FoOlSlideX.git
synced 2025-02-20 11:13:13 +08:00
Selim
GitHub
commit
e978bef383
280
README.md
280
README.md
@ -1,141 +1,139 @@
|
||||
|
||||
|
||||
|
||||
|
||||
# FoOlSlideX
|
||||
|
||||
The new, most powerful Comic- & Manga-Reader ever created by the human race. Reworked by an Otaku for Scanlation-Groups.
|
||||
|
||||
Before contributing, make sure to read [Contributing](#contributing)! Make sure you start with [TYP-xxx] or else it won't be merged!
|
||||
|
||||
## Index
|
||||
|
||||
- [Features](#features)
|
||||
- [Contributing](#contributing)
|
||||
- [Video-Guides](#video-guides)
|
||||
- [Installation using the Installer](#installation-using-the-installer)
|
||||
- [Adding a Chapter](#adding-a-chapter)
|
||||
- [Documentation](#documentation)
|
||||
- [Config Variables](#config-variables)
|
||||
- [Supprt](#support)
|
||||
- [Donate](#donate)
|
||||
- [Demo](#demo)
|
||||
- [Used By](#used-by)
|
||||
- [Authors](#authors)
|
||||
|
||||
## Features
|
||||
|
||||
- Create invites
|
||||
- Register using invite & login to Account
|
||||
- Add Titles/Edit them
|
||||
- Add Chapters/Edit them
|
||||
- Bookmark Mangas & Chapters via Cookies
|
||||
- View Bookmarks & keep track of them
|
||||
- Create Groups, view groups and their chapters
|
||||
- Create static pages & manage them
|
||||
|
||||
## Contributing
|
||||
|
||||
Contributions are ALWAYS welcome! Even if it's just improving a language-file. Really!
|
||||
|
||||
Make sure you follow these rules!
|
||||
|
||||
- Commit Message should follow this title system: [TYP-xxx] where xxx is the typ type. ([See more in deathnotes.txt at the footer where types are declared](https://github.com/saintly2k/FoOlSlideX/blob/master/deathnotes.txt))
|
||||
- Code should somewhat be clean and readable
|
||||
- Notes in the code should be in ENGLISH and no other language (except language files)
|
||||
|
||||
## Video-Guides
|
||||
|
||||
As someone requested, I started a video-guide on YouTube on how to install, update and do some more stuff on FoOlSlideX.
|
||||
|
||||
[View the full PlayList](https://www.youtube.com/playlist?list=PLDQvUzXjsrhP8EsCrxJ6yoqcOKTESXixX)
|
||||
|
||||
## Installation using the Installer
|
||||
|
||||
- Download the latest stable release
|
||||
- Create a MySQL Database
|
||||
- Open your webroot in your browser
|
||||
- Fill out all data and click on submit
|
||||
- Create an account using the invite code `FoOlSlideX`
|
||||
- Done
|
||||
|
||||
## Adding a Chapter
|
||||
|
||||
This is very important that you follow these steps I will give you. If you prefer a video-guide, you can watch it here:
|
||||
|
||||
https://www.youtube.com/watch?v=E-HFaMTH-NM&ab_channel=TeamH33T
|
||||
|
||||
If not, here is a step-by-step guide:
|
||||
|
||||
- You need to have a folder structure like this:
|
||||
```
|
||||
- Chapter 01
|
||||
- - 01.png
|
||||
- - 02.png
|
||||
- - 03.png
|
||||
```
|
||||
- Then you need to ZIP "Chapter 01" as a ZIP file with THE SAME NAME
|
||||
- After that, DON'T RENAME THE ZIP FILE, IF YOU DO, IT WON'T WORK!
|
||||
- Then go to the title where you want to add it
|
||||
- Click on "Add new Chapter" and select the ZIP, volume, chapter and group(s)
|
||||
- Hit "Add Chapter" and you're done
|
||||
- If you encounter any errors saying "cannot rename" or such, it means you renamed the folder or didn't zip it properly
|
||||
|
||||
## Documentation
|
||||
|
||||
[View full Documentation in the GitHub Wiki](https://github.com/saintly2k/FoOlSlideX/wiki)
|
||||
|
||||
|
||||
## Config Variables
|
||||
|
||||
`$slave["host"]` is the MySQL host
|
||||
|
||||
`$slave["user"]` is the MySQL user
|
||||
|
||||
`$slave["pass"]` is the password for the user
|
||||
|
||||
`$slave["table"]` is the table where you imported the SQL file
|
||||
|
||||
## Support
|
||||
|
||||
For support, join our Discord: https://discord.gg/uahG2fKVvg
|
||||
|
||||
Or eMail me at saintly@h33t.moe
|
||||
|
||||
|
||||
## Donate
|
||||
|
||||
I spend a lot of time working on this. Really.
|
||||
|
||||
Please consider donating some money via PayPal: [yuki.akihabara@yandex.com](https://paypal.me/WOLFRAMEdev)
|
||||
|
||||
Or donate via Ko-fi: [ko-fi.com/saintly](https://ko-fi.com/saintly) (I need to pay server-bills)
|
||||
|
||||
## Demo
|
||||
|
||||
View (a slightly modified version of) FoOlsldiex in action: https://stukas.henai.eu/reader/
|
||||
|
||||
## Used By
|
||||
|
||||
This project is used by the following groups:
|
||||
|
||||
- [Lubuntu Bionic Beaver Scans](https://stukas.henai.eu)
|
||||
- [weltenWanderer Scans](https://wws.henai.eu)
|
||||
- [ELEVEN SCANLATOR](http://eleven-scanlator.epizy.com)
|
||||
- [PuchiRoll](https://puchiroll.com)
|
||||
|
||||
|
||||
## Authors
|
||||
|
||||
FoOlSlideX Development:
|
||||
- [@saintly2k](https://www.github.com/saintly2k)
|
||||
- [@kaligula-eu](https://www.github.com/kaligula-eu)
|
||||
|
||||
Translation:
|
||||
- EN: [Saintly2k](https://github.com/saintly2k)
|
||||
- DE: [Saintly2k](https://github.com/saintly2k)
|
||||
- PT: Luckkyz
|
||||
- RU: [RenOK](https://github.com/totavok8)
|
||||
|
||||
FoOlSlide/FoOlSlide2 Original Idea/Development:
|
||||
- [@FoolCode](https://github.com/FoolCode)
|
||||
Short Notice: v0.2.0 is currently in development. Join the Discord for more information and its status. Please do not use v0.1.4 or any other version until v0.2.0 is officially released. Thanks!
|
||||
|
||||
|
||||
|
||||
# FoOlSlideX
|
||||
|
||||
The new, most powerful Comic- & Manga-Reader ever created by the human race. Reworked by an Otaku for Scanlation-Groups.
|
||||
|
||||
Before contributing, make sure to read [Contributing](#contributing)! Make sure you start with [TYP-xxx] or else it won't be merged!
|
||||
|
||||
## Index
|
||||
|
||||
- [Features](#features)
|
||||
- [Contributing](#contributing)
|
||||
- [Video-Guides](#video-guides)
|
||||
- [Installation using the Installer](#installation-using-the-installer)
|
||||
- [Adding a Chapter](#adding-a-chapter)
|
||||
- [Documentation](#documentation)
|
||||
- [Config Variables](#config-variables)
|
||||
- [Supprt](#support)
|
||||
- [Donate](#donate)
|
||||
- [Demo](#demo)
|
||||
- [Used By](#used-by)
|
||||
- [Authors](#authors)
|
||||
|
||||
## Features
|
||||
|
||||
- Create invites
|
||||
- Register using invite & login to Account
|
||||
- Add Titles/Edit them
|
||||
- Add Chapters/Edit them
|
||||
- Bookmark Mangas & Chapters via Cookies
|
||||
- View Bookmarks & keep track of them
|
||||
- Create Groups, view groups and their chapters
|
||||
- Create static pages & manage them
|
||||
|
||||
## Contributing
|
||||
|
||||
Contributions are ALWAYS welcome! Even if it's just improving a language-file. Really!
|
||||
|
||||
Make sure you follow these rules!
|
||||
|
||||
- Commit Message should follow this title system: [TYP-xxx] where xxx is the typ type. ([See more in deathnotes.txt at the footer where types are declared](https://github.com/saintly2k/FoOlSlideX/blob/master/deathnotes.txt))
|
||||
- Code should somewhat be clean and readable
|
||||
- Notes in the code should be in ENGLISH and no other language (except language files)
|
||||
|
||||
## Video-Guides
|
||||
|
||||
As someone requested, I started a video-guide on YouTube on how to install, update and do some more stuff on FoOlSlideX.
|
||||
|
||||
[View the full PlayList](https://www.youtube.com/playlist?list=PLDQvUzXjsrhP8EsCrxJ6yoqcOKTESXixX)
|
||||
|
||||
## Installation using the Installer
|
||||
|
||||
- Download the latest stable release
|
||||
- Create a MySQL Database
|
||||
- Edit your config.php properly (MySQL User, Pass, Database name)
|
||||
- Open your webroot in your browser
|
||||
- Fill out all data and click on submit
|
||||
- Create an account using the invite code `FoOlSlideX`
|
||||
- Done
|
||||
|
||||
## Adding a Chapter
|
||||
|
||||
This is very important that you follow these steps I will give you. If you prefer a video-guide, you can watch it here:
|
||||
|
||||
https://www.youtube.com/watch?v=E-HFaMTH-NM&ab_channel=TeamH33T
|
||||
|
||||
If not, here is a step-by-step guide:
|
||||
|
||||
- You need to have a folder structure like this:
|
||||
```
|
||||
- Chapter 01
|
||||
- - 01.png
|
||||
- - 02.png
|
||||
- - 03.png
|
||||
```
|
||||
- Then you need to ZIP "Chapter 01" as a ZIP file with THE SAME NAME
|
||||
- After that, DON'T RENAME THE ZIP FILE, IF YOU DO, IT WON'T WORK!
|
||||
- Then go to the title where you want to add it
|
||||
- Click on "Add new Chapter" and select the ZIP, volume, chapter and group(s)
|
||||
- Hit "Add Chapter" and you're done
|
||||
- If you encounter any errors saying "cannot rename" or such, it means you renamed the folder or didn't zip it properly
|
||||
|
||||
## Documentation
|
||||
|
||||
[View full Documentation in the GitHub Wiki](https://github.com/saintly2k/FoOlSlideX/wiki)
|
||||
|
||||
## Config Variables
|
||||
|
||||
`$slave["host"]` is the MySQL host
|
||||
|
||||
`$slave["user"]` is the MySQL user
|
||||
|
||||
`$slave["pass"]` is the password for the user
|
||||
|
||||
`$slave["table"]` is the table where you imported the SQL file
|
||||
|
||||
## Support
|
||||
|
||||
For support, join our Discord: https://discord.gg/uahG2fKVvg
|
||||
|
||||
Or eMail me at saintly@h33t.moe
|
||||
|
||||
## Donate
|
||||
|
||||
I spend a lot of time working on this. Really.
|
||||
|
||||
Please consider donating some money via PayPal: [yuki.akihabara@yandex.com](https://paypal.me/WOLFRAMEdev)
|
||||
|
||||
Or donate via Ko-fi: [ko-fi.com/saintly](https://ko-fi.com/saintly) (I need to pay server-bills)
|
||||
|
||||
## Demo
|
||||
|
||||
View (a slightly modified version of) FoOlsldiex in action: https://stukas.henai.eu/reader/
|
||||
|
||||
## Used By
|
||||
|
||||
This project is used by the following groups:
|
||||
|
||||
- [Lubuntu Bionic Beaver Scans](https://stukas.henai.eu)
|
||||
- [weltenWanderer Scans](https://wws.henai.eu)
|
||||
- [ELEVEN SCANLATOR](http://eleven-scanlator.epizy.com)
|
||||
- [PuchiRoll](https://puchiroll.com)
|
||||
|
||||
## Authors
|
||||
|
||||
FoOlSlideX Development:
|
||||
- [@saintly2k](https://www.github.com/saintly2k)
|
||||
- [@kaligula-eu](https://www.github.com/kaligula-eu)
|
||||
|
||||
Translation:
|
||||
- EN: [Saintly2k](https://github.com/saintly2k)
|
||||
- DE: [Saintly2k](https://github.com/saintly2k)
|
||||
- PT: Luckkyz
|
||||
- RU: [RenOK](https://github.com/totavok8)
|
||||
|
||||
FoOlSlide/FoOlSlide2 Original Idea/Development:
|
||||
- [@FoolCode](https://github.com/FoolCode)
|
||||
335
theme.css
Normal file
335
theme.css
Normal file
@ -0,0 +1,335 @@
|
||||
@font-face {
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-L.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-R.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-M.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 700;
|
||||
font-style: bold;
|
||||
font-family: 'Ubuntu';
|
||||
src: url(/bootstrap/fonts/Ubuntu-B.ttf);
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-bottom: 40px;
|
||||
padding-top: 70px;
|
||||
padding-bottom: 30px;
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
}
|
||||
|
||||
.theme-dropdown .dropdown-menu {
|
||||
position: static;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
padding: 10px 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
/* Set the fixed height of the footer here */
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btn-file input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 100px;
|
||||
text-align: right;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
background: red;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
input[readonly] {
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
#message_container {
|
||||
position: fixed;
|
||||
top: 70px;
|
||||
z-index: 100;
|
||||
height: 100px;
|
||||
left: 50%;
|
||||
width: 50%;
|
||||
margin-left: -25%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
img.captcha {
|
||||
margin: 0 auto 15px auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.td-768,
|
||||
.td-992,
|
||||
.td-1440,
|
||||
.span-992,
|
||||
.span-1440,
|
||||
.li-992 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: 100px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.nav-label-992,
|
||||
.nav-label-1440 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.td-768 {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.td-992 {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.nav-label-992,
|
||||
.span-992 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
|
||||
.nav-label-1440,
|
||||
.span-1440 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.span-not-1440,
|
||||
.td-not-1440 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#quick_search_input {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#quick_search_form {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
img.reader {
|
||||
cursor: pointer;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
img.avatar {
|
||||
max-width: 100px;
|
||||
max-height: 100px;
|
||||
}
|
||||
|
||||
img.click {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
img.webtoon,
|
||||
img.long-strip {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
img.webtoon {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
img.long-strip {
|
||||
margin: 0 auto 10px auto;
|
||||
}
|
||||
|
||||
a.genre,
|
||||
a.genre:hover,
|
||||
a.genre:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.manga_title,
|
||||
a.manga_title:hover,
|
||||
a.manga_title:focus {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tr.comment {
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
textarea.comment-box {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.loading {
|
||||
background: transparent url('loading.gif') center no-repeat;
|
||||
}
|
||||
|
||||
.image-shadow {
|
||||
text-shadow: 0px 0px 6px white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Addtional CSS changes below for better visibility + mobile fixes */
|
||||
|
||||
/* Top nav */
|
||||
#top_nav{
|
||||
background-image:linear-gradient(to right, #0575e6 0%, #021b79 100%);
|
||||
border-right-style:none;
|
||||
border-bottom-style:none;
|
||||
border-left-style:none;
|
||||
border-top-style:none;
|
||||
}
|
||||
|
||||
/* Link */
|
||||
#titles a{
|
||||
color:#e5e5e5;
|
||||
}
|
||||
|
||||
/* Span Tag */
|
||||
.dropdown .dropdown-toggle span{
|
||||
color:#e8e8e8;
|
||||
}
|
||||
|
||||
/* Image */
|
||||
#mangaSearchList .thumbnail img{
|
||||
max-height:100%;
|
||||
height:205px;
|
||||
}
|
||||
|
||||
/* Image */
|
||||
.container .row #mangaSearchList .col-sm-12 .mangaSearchItem .thumbnail img{
|
||||
width:165px !important;
|
||||
}
|
||||
|
||||
/* Manga search item */
|
||||
#mangaSearchList .mangaSearchItem{
|
||||
display:inline-flex !important;
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
|
||||
/* Paragraph */
|
||||
#mangaSearchList .thumbnail p{
|
||||
background-color:rgba(0,0,0,0.64);
|
||||
text-shadow:rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px !important;
|
||||
color:#ffffff !important;
|
||||
max-width:100%;
|
||||
width:168px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Label primary */
|
||||
#latest-titles tr .label-primary{
|
||||
background-color:#0d5fc3;
|
||||
}
|
||||
|
||||
/* Label info */
|
||||
#latest-titles tr .label-info{
|
||||
background-color:#1da016;
|
||||
}
|
||||
|
||||
/* Col 6 */
|
||||
.container .col-sm-6{
|
||||
background-color:transparent;
|
||||
background-image:none;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.row .col-sm-6 a{
|
||||
background-image:linear-gradient(to right, rgb(5, 117, 230) 0%, rgb(2, 27, 121) 100%);
|
||||
border-bottom-color:#161e45;
|
||||
}
|
||||
|
||||
/* List group item */
|
||||
.sidebar .list-group span.list-group-item{
|
||||
background-color:#158cba;
|
||||
background-image:linear-gradient(to right, rgb(5, 117, 230) 0%, rgb(2, 27, 121) 100%);
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
|
||||
/* Footer */
|
||||
.container footer{
|
||||
max-width:100%;
|
||||
max-height:100%;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Carousel caption */
|
||||
#manga-carousel a .carousel-caption{
|
||||
background-color:rgba(30,30,30,0.67);
|
||||
text-shadow:rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user