├── .DS_Store
├── case
    ├── .DS_Store
    ├── index.php
    └── res.php
├── composer.json
├── .vscode
    └── settings.json
├── search
    ├── element
    │   └── fonts
    │   │   ├── element-icons.ttf
    │   │   └── element-icons.woff
    ├── func
    │   └── api.php
    ├── static
    │   └── main.js
    └── index.html
├── download.php
├── vue
    ├── cates.php
    └── papers.php
├── docs
    └── API.md
├── onestep
    ├── index.php
    └── s.php
├── README.md
├── sme
    ├── index.php
    ├── sme_qp.php
    └── sme_ms.php
├── maintenance.html
├── maintenance.php
├── about.php
├── old
    ├── cate_old.php
    └── paper_old.php
├── ux.js
├── header.php
├── index.php
├── cate.php
├── paper.php
└── style.css


/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ttttonyhe/snapaper/HEAD/.DS_Store


--------------------------------------------------------------------------------
/case/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ttttonyhe/snapaper/HEAD/case/.DS_Store


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
1 | {
2 |     "require": {
3 |         "jaeger/querylist": "^4.0"
4 |     }
5 | }
6 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |     "git.ignoreLimitWarning": true,
3 |     "python.pythonPath": "/usr/local/bin/python3"
4 | }


--------------------------------------------------------------------------------
/search/element/fonts/element-icons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ttttonyhe/snapaper/HEAD/search/element/fonts/element-icons.ttf


--------------------------------------------------------------------------------
/search/element/fonts/element-icons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ttttonyhe/snapaper/HEAD/search/element/fonts/element-icons.woff


--------------------------------------------------------------------------------
/download.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $file=$_GET['filename'];
 3 | forceDownload($file);
 4 | function forceDownload($filename){
 5 | 
 6 |     if(false==file_exists($filename)){
 7 |         returnfalse;
 8 |     }
 9 | 
10 |     header('Content-Type:application-x/force-download');
11 |     header('Content-Disposition:attachment;filename="'.basename($filename).'"');
12 |     header('Content-length:'.filesize($filename));
13 | 
14 |     // for IE6
15 |     if(false===strpos($_SERVER['HTTP_USER_AGENT'],'MSIE6')){
16 |         header('Cache-Control:no-cache,must-revalidate');
17 |     }
18 |     header('Pragma:no-cache');
19 | 
20 |     return readfile($filename);
21 | }
22 | 


--------------------------------------------------------------------------------
/search/func/api.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | //Composer 依赖
 3 | require '../../vendor/autoload.php';
 4 | use QL\QueryList;
 5 | 
 6 | //判断用户名是否输入
 7 | if( !empty($_GET['key']) ) {
 8 |     
 9 |     $url = 'https://www.xianboyang.com/sitemap/';//生成查询页面
10 |     $html = file_get_contents($url);
11 |     $data = QueryList::html($html)->rules([
12 |     'title' => ['li>a','text'],
13 |     'url' => ['li>a','href']
14 |     ])->query()->getData();
15 |     $user_data = $data->all(); //获取查询数据
16 |     
17 |     array_splice($user_data, 0, 32);
18 |     array_splice($user_data, -77);
19 |     $user_data['count'] = count($user_data);
20 |     echo json_encode($user_data);
21 |     
22 | }
23 | ?>


--------------------------------------------------------------------------------
/vue/cates.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | //Composer 依赖
 3 | require '../vendor/autoload.php';
 4 | use QL\QueryList;
 5 | 
 6 | //判断用户名是否输入
 7 | if( !empty($_GET['cate']) ) {
 8 | 	
 9 | /* 获取服务器源 */
10 | $com0 = 'https://papers.gceguide.com';
11 | $xyz1 = 'https://papers.gceguide.xyz';
12 | if(!isset($_COOKIE['snapaper_server'])){
13 |     $source = $com0;
14 | }else{
15 | 	$source = $_COOKIE['snapaper_server'];
16 | 	if($source == 0){
17 |     	$source = $com0;
18 | 	}elseif($source == 1){
19 | 		$source = $xyz1;
20 | 	}else{
21 | 		$source = $com0;
22 | 	}
23 | }
24 | /* 结束获取服务器源 */
25 |     
26 |     $cate = $_GET['cate'];
27 |     $url = $source.'/'.$cate;//生成查询页面
28 |     $html = file_get_contents($url);
29 |     $data = QueryList::html($html)->rules([
30 |     'name' => ['tr>td>a','text']
31 |     ])->query()->getData();
32 |     $user_data = $data->all(); //获取查询数据
33 |     
34 |     $user_data['count'] = count($user_data);
35 |     header('Access-Control-Allow-Origin: *');
36 |     echo json_encode($user_data);
37 |     
38 | }
39 | ?>


--------------------------------------------------------------------------------
/search/static/main.js:
--------------------------------------------------------------------------------
 1 |         $('#view').css('opacity', '1');
 2 | 
 3 |         var search = new FlexSearch({
 4 |             encode: "extra",
 5 |             tokenize: "reverse"
 6 |         });
 7 | 
 8 |         var index = new Vue({
 9 |             el: '#view',
10 |             data() {
11 |                 return {
12 |                     loading: true,
13 |                     posts: null,
14 |                     searched: [],
15 |                     key: null,
16 |                     count: 0
17 |                 }
18 |             },
19 |             mounted() {
20 |                 axios.get('func/api.php?key=search')
21 |                     .then(e => {
22 |                     this.posts = e.data;
23 |                     this.count = e.data.count;
24 |                     this.loading = false;
25 |                     for (var i = 0; i < this.count; i++) {
26 |                         search.add(i, this.posts[i].title);
27 |                     }
28 |                 })
29 |             },
30 |             methods: {
31 |                 s: function () {
32 |                     this.searched = search.search(this.key);
33 |                 }
34 |             }
35 |         });


--------------------------------------------------------------------------------
/docs/API.md:
--------------------------------------------------------------------------------
 1 | # Snapaper PAI
 2 | Past Paper Resources From GCE Guide | Made with ![Love](https://static.ouorz.com/heart_16px_501363_easyicon.net.png) by TonyHe
 3 | 
 4 | <br/>
 5 | 
 6 | ### Usage
 7 | 
 8 | #### Cookies
 9 | + Key :  snapaper_server
10 | + Value : 1  for gceguide.com
11 | + Value : 0  for gecguide.xyz
12 | 
13 | <br/>
14 | 
15 | #### Cates
16 | Request
17 | ``` php
18 | COOKIES 'snapaper_server' => '1/0'
19 | GET https://www.snapaper.com/vue/cates?cate=:cate
20 | ```
21 | Response
22 | ``` json
23 | {
24 |     "0": {
25 |         "name": "Accounting (9706)"
26 |     },
27 |     "1": {
28 |         "name": "Afrikaans - Language (AS Level only) (8679)"
29 |     }
30 | }
31 | ```
32 | 
33 | <br/>
34 | 
35 | #### Papers
36 | Request
37 | ``` php
38 | COOKIES 'snapaper_server' => '1/0'
39 | GET https://www.snapaper.com/vue/papers?cate=:cate&sub=:subject
40 | ```
41 | Response
42 | ``` json
43 | {
44 |     "0": {
45 |         "name": "9609_m16_gt.pdf",
46 |         "url": "/A Levels/Business (for first examination in 2016) (9609)/9609_m16_gt.pdf"
47 |     },
48 |     "1": {
49 |         "name": "9609_m16_ms_12.pdf",
50 |         "url": "/A Levels/Business (for first examination in 2016) (9609)/9609_m16_ms_12.pdf"
51 |     }
52 | }
53 | ```
54 | 
55 | <br/>
56 | 
57 | ### Notice
58 | + We've set Access-Control-Allow-Origin: *
59 | + Free of charge
60 | + No guarantee for stability
61 | + The server is located in Beijing, China
62 | 


--------------------------------------------------------------------------------
/vue/papers.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | //Composer 依赖
 3 | require '../vendor/autoload.php';
 4 | use QL\QueryList;
 5 | 
 6 | /* 获取服务器源 */
 7 | $com0 = 'https://papers.gceguide.com';
 8 | $xyz1 = 'https://papers.gceguide.xyz';
 9 | if(!isset($_COOKIE['snapaper_server'])){
10 |     $source = $com0;
11 | }else{
12 | 	$source = $_COOKIE['snapaper_server'];
13 | 	if($source == 0){
14 |     	$source = $com0;
15 | 	}elseif($source == 1){
16 | 		$source = $xyz1;
17 | 	}else{
18 | 		$source = $com0;
19 | 	}
20 | }
21 | /* 结束获取服务器源 */
22 | 
23 | //判断参数是否输入
24 | if( !empty($_GET['cate']) && !empty($_GET['sub']) ) {
25 |     
26 |     $cate = $_GET['cate'];
27 |     $sub = $_GET['sub'];
28 |     
29 |     if($cate == 'A Levels' && $sub == 'Business Studies (9707)'){
30 |         $url = $com0.'/A%20Levels/Business%20Studies%20%20(9707)';//生成商业查询页面(下方格式爬取失败)
31 |     }elseif($cate == 'A Levels' && $sub == 'English - Language AS and A Level (9093)'){
32 |         $url = $com0.'/A%20Levels/English%20-%20Language%20AS%20and%20A%20Level%20%20(9093)/';//生成商业查询页面(下方格式爬取失败)
33 |     }else{
34 |         $url = $source.'/'.$cate.'/'.$sub;//生成查询页面
35 |     }
36 |     $html = file_get_contents($url);
37 |     $data = QueryList::html($html)->rules([
38 |     'name' => ['tr>td>a','text'],
39 |     'url' => ['tr>td>a','href']
40 |     ])->query()->getData();
41 |     $user_data = $data->all(); //获取查询数据
42 | ?>
43 | 
44 | 
45 | <?php
46 |     if(!empty($user_data)){ //开始读取数据
47 |     	$user_data['count'] = count($user_data);
48 |     	header('Access-Control-Allow-Origin: *');
49 |     	echo json_encode($user_data);
50 | }} ?>


--------------------------------------------------------------------------------
/onestep/index.php:
--------------------------------------------------------------------------------
 1 | <?php require '../header.php' ?>
 2 |        
 3 | <div class="uk-container" style="margin-top: 6%;">
 4 |     <div class="sub-title-div">
 5 |         <h1 class="sub-title-h1">One Step</h1>
 6 |     	<p class="sub-title-p">Choose a category and quickly find a paper</p>
 7 |     </div>
 8 |     <div style="margin: 4% 0px 7%;
 9 | ">
10 |                   
11 |         
12 | <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card" style="border: none;padding: 20px 20px;text-align: center;background-image: linear-gradient( 135deg, #FDEB71 10%, #F8D800 100%);margin: 0px;
13 | ">
14 |             <h3 class="uk-card-title index-cate-h3" style="font-size: 1.6rem;
15 | "><a href="s?cate=IGCSE" style="color: #fff !important;text-decoration: none;
16 | ">Cambridge IGCSE</a></h3>
17 |         </div>
18 | <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card" style="border: none;padding: 20px 20px;background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);text-align: center;margin: 0px;margin-left: 2%;
19 | ">
20 |             <h3 class="uk-card-title index-cate-h3" style="font-size: 1.6rem;
21 | "><a href="s?cate=O Levels" style="color: #fff !important;text-decoration: none;
22 | ">Cambridge O Level</a></h3>
23 |         </div><div class="uk-card uk-card-default uk-card-hover uk-card-body index-card" style="border: none;padding: 20px 20px;background-image: linear-gradient( 135deg, #FEB692 10%, #EA5455 100%);text-align: center;margin: 0px;margin-left: 2%;
24 | ">
25 |             <h3 class="uk-card-title index-cate-h3" style="font-size: 1.6rem;
26 | "><a href="s?cate=A Levels" style="color: #fff !important;text-decoration: none;
27 | ">Cambridge AS &amp; A level</a></h3>
28 |         </div>
29 |             
30 |     </div>
31 |     
32 |     <p class="index-copy">Made with <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill="none" stroke="#ee561d" stroke-width="1.03" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"></path></svg> by <b><a href="https://www.ouorz.com" target="_blank" style="color:#7c7c7c">TonyHe</a></b> | Powered by <b><a href="https://www.gceguide.com" target="_blank" style="color:#7c7c7c">GCE Guide</a></b></p>
33 | </div>
34 |     </body>
35 | </html>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center"><img src="https://i.loli.net/2019/03/30/5c9f75253b256.png" width="50%"></p>
 2 | <p align="center">A PastPaper Sharing and Downloading Platform | Made with :heart: by TonyHe</p>
 3 | 
 4 | <br/>
 5 | 
 6 | ## Thumbnail
 7 | 
 8 | ![Thumbnail1](https://i.loli.net/2019/10/20/r67KLB2WsQqD4iE.png)
 9 | 
10 | <br/>
11 | 
12 | ## Change Logs
13 | ### V0.1
14 | First version released 
15 | 
16 | ### V0.11
17 | 1. Staticized index page
18 | 2. Fixed download canceled bug 
19 | 
20 | ### V0.12
21 | 1. Now using Grid layout in subjects pages
22 | 2. Fixed a bug where 「Back」 button could not be used under some browsers 
23 | 
24 | ### V0.13
25 | 1. Fixed a bug where the past papers were not found in some subjects
26 | 2. Change the domain from papers.ouorz.com to snapaper.com
27 | 3. Improved papers list button style 
28 | 
29 | ### V0.15
30 | 1. New menu shortcut download button on papaers page
31 | 2. Added "Back to Top" and "Back to Bottom" buttons on papers page
32 | 3. Added a notification page for maintenance
33 | 4. Added a toolbar to count the number of test papers that have been added to the list on papers page 
34 | 
35 | ### V0.16
36 | 1. UI adjustment
37 | 2. New index design
38 | 3. New feature —— Extensions
39 | 4. New extension —— OneStep
40 | 5. Added a donate page 
41 | 
42 | ### V0.17
43 | 1. Added a associated paper shortcut button
44 | 2. Added a bar to display the total number of items in each page
45 | 3. Added a Switch Server button
46 | 4. Paper display page redesigned 
47 | 
48 | ### V0.18
49 | 1. Reuilt category/paper pages using Vue.js
50 | 
51 | ### V0.182
52 | 1. Added support to Download Mode switching
53 | 2. Added new category —— SaveMyExams
54 | 
55 | <br/>
56 | 
57 | ## Copyrights
58 | All Contents & names of this website are assets of owner, protected by law.
59 | 
60 | <br/>
61 | 
62 | ## Technical details
63 | This website (https://www.snapaper.com) does not have a database, all content data comes from the Internet. All requests are obtained from other websites, all the content has not been changed or downloaded. This website is 100% a non-profit project aiming to provide a convenient download extension for students.
64 | 
65 | <br/>
66 | 
67 | ## Environment
68 | + [QueryList](https://querylist.cc)
69 | + Composer
70 | + Php 7.x
71 | + Vue 2.x
72 | 
73 | <br/>
74 | 
75 | ## API
76 | [Documentation](https://github.com/HelipengTony/snapaper/blob/master/docs/API.md)
77 | 


--------------------------------------------------------------------------------
/search/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml">
 3 |     
 4 |     <head>
 5 |         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 6 |         <title>西安博杨 | 数据搜索</title>
 7 |         <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
 8 |         <script src="https://cdn.bootcss.com/vue/2.6.4/vue.min.js"></script>
 9 |         <script src="https://cdn.bootcss.com/FlexSearch/0.6.2/flexsearch.min.js"></script>
10 |         <script>
11 |         Vue.config.devtools = true
12 |         </script>
13 |         <script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
14 |         <script type="text/javascript" src="element/index.js"></script>
15 |         <link rel="stylesheet" type="text/css" href="element/index.css">
16 |     </head>
17 |     
18 |     <body>
19 |         <div id="view" style="opacity:0">
20 |             <div v-if="loading" v-loading="loading" style="margin:35vh 0px">
21 |             </div>
22 |             <div v-else>
23 |                 <div style="width: 70vh;margin: 20vh auto;">
24 |                     <div style="text-align: center;">
25 |                         <img src="https://www.xianboyang.com/file.php?f=201812/f_fb1a430725526a92984b4e6a0e3c5ced.jpg" style="width: 100%;margin-bottom: 20px;">
26 |                         <div style="display:flex">
27 |                         	<el-input v-model.trim="key" placeholder="按编号数据搜索" v-on:input="s"></el-input>
28 |                         	<a href="https://www.xianboyang.com" style="margin-left: 2%;"><el-button type="primary">返回官网</el-button></a>
29 |                         </div>
30 |                     </div>
31 |                     <div>
32 |                         <el-card shadow="hover" v-for="post in searched" style="margin: 10px 0;">
33 |                             <div style="width: 80%;display: inline-block;">
34 |                                 <a :href="'https://www.xianboyang.com'+posts[post].url" v-html="posts[post].title" style="font-size: 1.6rem;text-decoration: none;color: #555;"></a>
35 |                             </div>	<a :href="'https://www.xianboyang.com'+posts[post].url" style="text-decoration: none;float: right;font-size: 1.3rem;color: #03A9F4;margin-top: 2.5px;">查看详情 &gt;</a>
36 | 
37 |                         </el-card>
38 |                     </div>
39 |                 </div>
40 |             </div>
41 |         </div>
42 |         <script type="text/javascript" src="static/main.js"></script>
43 |     </body>
44 | 
45 | </html>


--------------------------------------------------------------------------------
/case/index.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 	require '../header.php';
 3 | 	if(!empty($_GET['cate'])){
 4 | 	switch ($_GET['cate']) {
 5 | 		case 'igcse':
 6 | 			$host = 'igcse';
 7 | 			$title = '2019 F/M Series';
 8 | 			break;
 9 | 		
10 | 		case 'alevel':
11 | 			$host = 'alevel';
12 | 			$title = '2019 F/M Series';
13 | 			break;
14 | 			
15 | 		case 'sme':
16 | 			$host = 'sme';
17 | 			$title = 'SaveMyExams';
18 | 			break;
19 | 			
20 | 		case 'ebooks':
21 | 			$host = 'ebooks';
22 | 			$title = 'Cambridge Textbooks (PDF)';
23 | 			break;
24 | 		
25 | 		default:
26 | 			$host = 'sme';
27 | 			$title = 'SaveMyExams';
28 | 			break;
29 | 	}
30 | ?>
31 | 
32 | 
33 |     <div class="uk-container wap-index" style="margin-top: 6%;padding-left: 11vh;">
34 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;">
35 |     <div class="cate-left">
36 |         <h1 class="sub-title-h1"><?php echo $title; ?></h1>
37 |     	<p class="sub-title-p">Choose a topic and start exploring</p>
38 |     </div>
39 |     <div class="cate-right">
40 |     	<div>
41 |     	<em class="back-btn" style="color: #999;">Resoureces</em>
42 | 	</div>
43 | 	<div style="margin-left: 10px;">
44 | 		<a onclick="history.go(-1);">
45 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
46 | 		</a>
47 | 	</div>
48 |     </div>
49 |     
50 |     </div>
51 |     <script>
52 |         function support(cssName) {
53 |             var htmlStyle = document.documentElement.style;
54 |             if (cssName in htmlStyle)
55 |                 return true;
56 |             return false;
57 |         }
58 |         
59 |         if(!support('grid-template-columns')){ //判断浏览器是否支持 grid 属性
60 |             $('#list')[0].className = 'sublist-1';
61 |             $('#display_style')[0].innerHTML = '<style>.index-cate-card {width: 31.1%;margin-bottom: 2%;} .index-cate-card:nth-child(3n) {margin-left: 2%;}</style>';
62 |         }
63 |         
64 |     </script>
65 |     <div id="display_style"></div>
66 |     <div class="sublist" id="list" uk-scrollspy="target: > .uk-card; cls:uk-animation-slide-bottom-small; delay: 100">
67 | 
68 | <?php 
69 | $hostdir = dirname(__FILE__).'/'.$host.'/'; //要读取的文件夹
70 | $url = '/'.$host.'/'; //图片所存在的目录
71 | $filesnames = scandir($hostdir); //得到所有的文件
72 | $www = 'https://www.snapaper.com'; //域名
73 | $i = 0;
74 | 
75 | foreach ($filesnames as $name){
76 | 	++$i;
77 | 	if($i > 2){
78 | ?>
79 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card">
80 |             <h3 class="uk-card-title index-cate-h3" style="text-transform:capitalize"><?php echo $name; ?></h3>
81 |             <a href="res?cate=<?php echo $host; ?>&sub=<?php echo $name; ?>"><p class="item-guide">Browse All Papers</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
82 |         </div>
83 | <?php }}} ?>
84 | 
85 |     </div>
86 | </div>
87 |     </body>
88 | </html>


--------------------------------------------------------------------------------
/sme/index.php:
--------------------------------------------------------------------------------
 1 | <?php require '../header.php' ?>
 2 | 
 3 |     <div class="uk-container" style="margin-top: 6%;padding-left: 11vh;">
 4 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;">
 5 |     <div style="
 6 |     width: 73%;
 7 | ">
 8 |         <h1 class="sub-title-h1">SaveMyExams</h1>
 9 |     	<p class="sub-title-p">Choose a subject and start exploring</p>
10 |     </div>
11 |     <div style="text-align: right;padding-top: 40px;display: flex;width:27%">
12 |     <div>
13 |     	<em class="back-btn" style="color: #999;">Restricted Area</em>
14 | 	</div>
15 | 	<div style="margin-left: 10px;">
16 | 		<a onclick="history.go(-1);">
17 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
18 | 		</a>
19 | 	</div>
20 |     </div>
21 |     
22 |     </div>
23 |     <script>
24 |         function support(cssName) {
25 |             var htmlStyle = document.documentElement.style;
26 |             if (cssName in htmlStyle)
27 |                 return true;
28 |             return false;
29 |         }
30 |         
31 |         if(!support('grid-template-columns')){ //判断浏览器是否支持 grid 属性
32 |             $('#list')[0].className = 'sublist-1';
33 |             $('#display_style')[0].innerHTML = '<style>.index-cate-card {width: 31.1%;margin-bottom: 2%;} .index-cate-card:nth-child(3n) {margin-left: 2%;}</style>';
34 |         }
35 |         
36 |     </script>
37 |     <div id="display_style"></div>
38 |     <div class="sublist" id="list" uk-scrollspy="target: > .uk-card; cls:uk-animation-slide-bottom-small; delay: 100">
39 | 
40 | <?php 
41 | $hostdir = dirname(__FILE__).'/../content/'; //要读取的文件夹
42 | $url = '/content/'; //图片所存在的目录
43 | $filesnames = scandir($hostdir); //得到所有的文件
44 | $www = 'https://www.snapaper.com'; //域名
45 | $i = 0;
46 | 
47 | foreach ($filesnames as $name){
48 | 	++$i;
49 | 	if($i > 2){
50 | ?>
51 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card">
52 |             <h3 class="uk-card-title index-cate-h3" style="text-transform:capitalize"><?php echo $name; ?></h3>
53 |             <a href="sme_ms?sub=<?php echo $name; ?>"><p class="item-guide">Browse All Papers</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
54 |         </div>
55 | <?php }} ?>
56 | 
57 | <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="width: 97%;margin-left: 2%;padding: 40px 30px;display: inline-block;border: 3px solid #999;border-radius: 5px;transition: all .3s;margin-bottom: 10%;">
58 |     <h3 style="font-weight: 600;color: #555;font-size: 2.4rem;margin: 0px;letter-spacing: 1px;">SaveMyExams</h3>
59 | 	<p style="margin: 0px;letter-spacing: 2px;color: #999;">A-Levels MarkSchemes</p>
60 | 	<p style="color: #888;margin-top: 25px;">All Contents &amp; Names of this website are assets of owner, protected by law and sourced from <a href="https://savemyexams.co.uk">savemyexams.co.uk</a></p>
61 | </div>
62 | 
63 |     </div>
64 | </div>
65 |     </body>
66 | </html>


--------------------------------------------------------------------------------
/maintenance.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns="http://www.w3.org/1999/xhtml">
 3 | 
 4 | <head>
 5 |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 6 |     <title>Snapaper | Maintenance</title>
 7 |     <link href="https://static.zeo.im/uikit.min.css" rel="stylesheet">
 8 |     <link href="https://static.zeo.im/uikit-rtl.min.css" rel="stylesheet">
 9 |     <script type="text/javascript" src="https://static.zeo.im/uikit.min.js"></script>
10 |     <link href="style.css" rel="stylesheet">
11 | </head>
12 | 
13 | <body>
14 |     <div class="uk-container" style="margin-top: 10%;">
15 |         <div style="display: flex;">
16 |             <div style="width: 90%;">
17 |                 <h1 class="index-title">Snapaper<em>Maintenance</em></h1>
18 |                 <p class="index-title-p">Built for International Students</p>
19 |             </div>
20 |             <div style="padding-top: 60px;">
21 |                 <a onclick="javascript:history.go(-1);"><svg width="40" height="40" viewBox="0 0 16 16"
22 |                         xmlns="http://www.w3.org/2000/svg" class="uk-icon uk-svg"
23 |                         style="margin-right: 15px;color: #333;margin-top: -1px;">
24 |                         <line fill="none" stroke="#000" x1="5.5" y1="9.5" x2="15" y2="9.5"></line>
25 |                         <line fill="none" stroke="#000" x1="5" y1="1.5" x2="9" y2="1.5"></line>
26 |                         <polyline fill="none" stroke="#000" stroke-width="1.03" points="8.5,6.5 5.5,9.5 8.5,12.5">
27 |                         </polyline>
28 |                         <polyline fill="none" stroke="#000"
29 |                             points="12.5,7 12.5,2.5 9.5,2.5 9.5,3.5 4.5,3.5 4.5,2.5 1.5,2.5 1.5,15.5 12.5,15.5 12.5,12">
30 |                         </polyline>
31 |                     </svg></a>
32 |                 <a href="about.html"><svg width="40" height="40" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
33 |                         <circle cx="10" cy="14" r="1"></circle>
34 |                         <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
35 |                         <path
36 |                             d="M10.97,7.72 C10.85,9.54 10.56,11.29 10.56,11.29 C10.51,11.87 10.27,12 9.99,12 C9.69,12 9.49,11.87 9.43,11.29 C9.43,11.29 9.16,9.54 9.03,7.72 C8.96,6.54 9.03,6 9.03,6 C9.03,5.45 9.46,5.02 9.99,5 C10.53,5.01 10.97,5.44 10.97,6 C10.97,6 11.04,6.54 10.97,7.72 L10.97,7.72 Z">
37 |                         </path>
38 |                     </svg></a>
39 |             </div>
40 |         </div>
41 |         <div class="uk-card uk-card-default uk-card-body" style="padding: 100px 150px;">
42 | 
43 |             <h3 class="uk-card-title index-cate-h3">Why are we doing this?</h3>
44 |             <p>
45 |                 In order to make our website more perfect, we will carry out website maintenance <b>from time to
46 |                     time</b><br />
47 |                 Maintenance time will be used for the development of new features and online environment testing of the
48 |                 website<br />
49 |                 This usually lasts for <b>3 to 5 hours</b><br /><br />
50 |                 Thank you for your cooperation and support, please forgive us for any inconvenience.
51 |             </p>
52 |             <br />
53 | 
54 |         </div>
55 |     </div>
56 | </body>
57 | 
58 | </html>


--------------------------------------------------------------------------------
/maintenance.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <title>Snapaper | Past Papers</title>
 7 |     <meta name="keywords" content="IGCSE,ALevel,OLevel,pastpapers,snapaper,snap">
 8 |     <meta name="description" content="Built for International Students">
 9 |     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
10 |     width=device-width,initial-scale=1.0" />
11 |     <link href="https://static.zeo.im/uikit.min.css" rel="stylesheet">
12 |     <link href="https://static.zeo.im/uikit-rtl.min.css" rel="stylesheet">
13 |     <script type="text/javascript" src="https://static.zeo.im/uikit.min.js"></script>
14 |     <link href="style.css" rel="stylesheet">
15 |     <link rel="Shortcut Icon" href="https://static.ouorz.com/snapaper_temp_logo.ico" type="image/x-icon">
16 |     <script>
17 |         var _hmt = _hmt || [];
18 |         (function() {
19 |             var hm = document.createElement("script");
20 |             hm.src = "https://hm.baidu.com/hm.js?a4a7b388691389952cef0d953a72ff9b";
21 |             var s = document.getElementsByTagName("script")[0];
22 |             s.parentNode.insertBefore(hm, s);
23 |         })();
24 |     </script>
25 | </head>
26 | 
27 | <body>
28 |     <div class="uk-container" style="margin-top: 6%;">
29 |         <div style="display: flex;">
30 |             <div style="width: 94%;">
31 |                 <h1 class="index-title">Snapaper<em><iframe src="https://ghbtns.com/github-btn.html?user=HelipengTony&repo=snapaper&type=star&count=true&size=large" frameborder="0" scrolling="0" width="150px" height="30px"></iframe></em></h1>
32 |                 <p class="index-title-p">Built for International Students</p>
33 |             </div>
34 |             <div style="padding-top: 60px;"><a href="about.html"><svg width="40" height="40" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
35 |                         <circle cx="10" cy="14" r="1"></circle>
36 |                         <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
37 |                         <path d="M10.97,7.72 C10.85,9.54 10.56,11.29 10.56,11.29 C10.51,11.87 10.27,12 9.99,12 C9.69,12 9.49,11.87 9.43,11.29 C9.43,11.29 9.16,9.54 9.03,7.72 C8.96,6.54 9.03,6 9.03,6 C9.03,5.45 9.46,5.02 9.99,5 C10.53,5.01 10.97,5.44 10.97,6 C10.97,6 11.04,6.54 10.97,7.72 L10.97,7.72 Z"></path>
38 |                     </svg></a>
39 |             </div>
40 |         </div>
41 |         <div>
42 | 
43 | 
44 |             <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="border-top: 4px solid #E91E63;width: 97.8%;border-radius: 5px;margin-bottom: 2%;margin-top:2%;padding: 120px;text-align: center;">
45 |                 <svg width="150" height="150" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="
46 | ">
47 |                     <circle fill="none" stroke="#666" stroke-width="1.1" cx="10" cy="10" r="9"></circle>
48 |                     <line fill="none" stroke="#666" stroke-width="1.1" x1="4" y1="3.5" x2="16" y2="16.5"></line>
49 |                 </svg>
50 |                 <h2 style="font-weight: 500;letter-spacing: 1px;font-size: 1.6rem;text-align: center;color: #666;margin-top: 35px;
51 | ">Service is temporarily unavailable</h2>
52 |             </div>
53 |             <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="border-top: 4px solid #52c41a;width: 97.8%;border-radius: 5px;margin-bottom: 5%;margin-top:2%;padding-bottom: 40px;">
54 |                 <div style="   float: left;">
55 |                     <h3 class="uk-card-title index-cate-h3" style="font-size: 2.5rem;">We are Doing Maintenance</h3>
56 |                     <p style="margin: 0px;margin-left: 3px;">Please try again later...</p>
57 |                 </div>
58 |                 <a href="/maintenance.html" style="float: right;padding-top: 15px;text-decoration:none;">
59 |                     <p style="margin-top: 15px;">Learn More<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1">
60 |                                 <polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline>
61 |                             </svg></i></p>
62 |                 </a>
63 |             </div>
64 |             <p class="index-copy">Made with <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
65 |                     <path fill="none" stroke="#ee561d" stroke-width="1.03" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"></path>
66 |                 </svg> by <b><a href="https://www.ouorz.com" target="_blank" style="color:#7c7c7c">TonyHe</a></b> | Powered by <b><a href="https://www.gceguide.xyz" target="_blank" style="color:#7c7c7c">GCE Guide</a></b></p>
67 |         </div>
68 | </body>
69 | 
70 | </html>


--------------------------------------------------------------------------------
/onestep/s.php:
--------------------------------------------------------------------------------
  1 | <?php require '../header.php' ?>
  2 | <!-- 主div 开始 -->
  3 |     <div class="uk-container" style="margin-top: 6%;">
  4 |     <!-- 信息内容开始 -->
  5 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;">
  6 |     <div style="
  7 |     width: 90%;
  8 | ">
  9 |         <h1 class="sub-title-h1"><?php echo $_GET['cate']; ?></h1>
 10 |     	<p class="sub-title-p">Set up options to quickly find a paper in <?php echo $_GET['cate']; ?></p>
 11 |     </div>
 12 |     <div style="text-align: right;padding-top: 30px;">
 13 |         <a onclick="history.go(-1);"><svg width="40" height="40" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="uk-icon uk-svg" style="margin-right: 15px;color: #333;margin-top: -1px;"><line fill="none" stroke="#000" x1="5.5" y1="9.5" x2="15" y2="9.5"></line><line fill="none" stroke="#000" x1="5" y1="1.5" x2="9" y2="1.5"></line><polyline fill="none" stroke="#000" stroke-width="1.03" points="8.5,6.5 5.5,9.5 8.5,12.5"></polyline><polyline fill="none" stroke="#000" points="12.5,7 12.5,2.5 9.5,2.5 9.5,3.5 4.5,3.5 4.5,2.5 1.5,2.5 1.5,15.5 12.5,15.5 12.5,12"></polyline></svg></a>
 14 |     </div>
 15 |     </div>
 16 |     <!-- 信息内容结束 -->
 17 |     
 18 | <?php
 19 | //获取学科代号(确定试卷代码)
 20 | function get_sub_num($str){
 21 |     $result = array();
 22 |     preg_match_all("/([^(]+)$/",$str, $result); //匹配最后一个前括号，获取之后的内容
 23 |     return rtrim($result[1][0], ")"); //删除最后一个后括号
 24 | }
 25 | ?>
 26 | 
 27 | 
 28 | <?php
 29 | //Composer 依赖
 30 | require '../vendor/autoload.php';
 31 | use QL\QueryList;
 32 | /* 获取服务器源 */
 33 | $com0 = 'https://papers.gceguide.com';
 34 | $xyz1 = 'https://papers.gceguide.xyz';
 35 | if(!isset($_COOKIE['snapaper_server'])){
 36 |     $source = $com0;
 37 | }else{
 38 | 	$source = $_COOKIE['snapaper_server'];
 39 | 	if($source == 0){
 40 |     	$source = $com0;
 41 | 	}elseif($source == 1){
 42 | 		$source = $xyz1;
 43 | 	}else{
 44 | 		$source = $com0;
 45 | 	}
 46 | }
 47 | /* 结束获取服务器源 */
 48 | ?>
 49 | 
 50 | <script>
 51 |     var stepto = function(){
 52 |         var cate = '<?php echo $_GET['cate']; ?>';
 53 |         var sub = $('#subject').val();
 54 |         var subject = $("#subject").find("option:selected").text();
 55 |         var year = $('#year').val();
 56 |         var mon = $('#month').val();
 57 |         var type = $('#type').val();
 58 |         var pap = $('#paper').val();
 59 |         var url = '<?php echo $source; ?>/' + cate + '/' + subject + '/' + sub + '_' + mon + year + '_' + type + '_' + pap + '.pdf';
 60 |         if(!cate || !sub || !year || !mon || !type || !pap){
 61 |             swal("Error", "Imcomplete Information", "error", {
 62 |                 button: false
 63 |             });
 64 |         }else{
 65 |         	window.open(url);
 66 |         }
 67 |     }
 68 | </script>
 69 | 
 70 | <?php
 71 | //判断用户名是否输入
 72 | if( !empty($_GET['cate']) ) {
 73 |     
 74 |     $cate = $_GET['cate'];
 75 |     $url = $source.'/'.$cate;//生成查询页面
 76 |     $html = file_get_contents($url);
 77 |     $data = QueryList::html($html)->rules([
 78 |     'name' => ['tr>td>a','text']
 79 |     ])->query()->getData();
 80 |     $user_data = $data->all(); //获取查询数据
 81 | ?>
 82 | <div style="display:flex">
 83 | <div style="width:50%;margin-bottom:10%">
 84 | <div class="uk-margin">
 85 |         <label class="uk-form-label" for="form-horizontal-select">Subject</label>
 86 |         <div class="uk-form-controls">
 87 | <select id="subject" class="uk-select">
 88 | <?php 
 89 |     if(!empty($user_data)){ //开始读取数据 
 90 |     for($i=0;$i<count($user_data);$i++){ //循环获取数据
 91 | ?>
 92 |             <option value="<?php echo get_sub_num($user_data[$i]['name']); ?>"><?php echo $user_data[$i]['name']; ?></option>
 93 | <?php }} ?>
 94 | </select>
 95 |         </div>
 96 |     </div>
 97 | <?php } ?>
 98 | 
 99 | <div class="uk-margin">
100 |         <label class="uk-form-label" for="form-stacked-text">Year Number</label>
101 |         <div class="uk-form-controls">
102 |             <input class="uk-input" type="text" id="year" placeholder="ex. 11,09,18...">
103 |         </div>
104 | </div>
105 | 
106 | <div class="uk-margin">
107 |         <label class="uk-form-label" for="form-horizontal-select">Month</label>
108 |         <div class="uk-form-controls">
109 | <select id="month" class="uk-select">
110 |     <option value="m">March</option>
111 |     <option value="s">May/June</option>
112 |     <option value="w">Oct/Nov</option>
113 | </select>
114 |         </div>
115 |     </div>
116 | 
117 | 
118 | <div class="uk-margin">
119 |         <label class="uk-form-label" for="form-horizontal-select">Type</label>
120 |         <div class="uk-form-controls">
121 | <select id="type" class="uk-select">
122 |     <option value="qp">Question Paper</option>
123 |     <option value="ms">Mark Scheme</option>
124 | </select>
125 | </div>
126 |     </div>
127 |     
128 | <div class="uk-margin">
129 |         <label class="uk-form-label" for="form-stacked-text">Paper Number</label>
130 |         <div class="uk-form-controls">
131 |             <input class="uk-input" type="text" id="paper" placeholder="ex. 11,22,71...">
132 |         </div>
133 | </div>
134 | 
135 | <input class="uk-button uk-button-default" type="submit" value="Find" onclick="stepto();">
136 |     </div>
137 |     <div style="width: 35%;display: inline-block;margin-left: 10%;">
138 |     <h3 style="font-weight: 600;margin-bottom: 10px;font-size: 2rem;">Notice</h3>
139 |     <p style="margin: 0px;">We cannot guarantee the validity of the paper you search, and some papers will not be found after your submit. For example, the March papers for subjects that doesn't have exams in March.</p>
140 | </div>
141 | </div>
142 | </div>
143 | <!-- 主div 结束 -->
144 |     </body>
145 | </html>
146 | 


--------------------------------------------------------------------------------
/about.php:
--------------------------------------------------------------------------------
 1 | <?php require 'header.php' ?>
 2 | 
 3 | <div class="uk-container page-container">
 4 |     <div class="uk-card uk-card-default uk-card-body page-body">
 5 |         <h3 class="uk-card-title index-cate-h3">Resource Guide</h3>
 6 |                 <p>This image is from GCE Guide (http://www.gceguide.com)<br/>
 7 |                     <img src="https://static.ouorz.com/res_guide.png" width="90%" height="auto">
 8 |                 </p>
 9 |                 <br/>
10 |                 
11 |                 <h3 class="uk-card-title index-cate-h3">Copyrights</h3>
12 |                 <p>All Contents & names of this website are assets of owner, protected by law and powered by <b>GCE Guide (http://www.gceguide.com) or SaveMyExams (https://www.savemyexams.co.uk) or Xtremepapers (https://www.xtremepapers.com)</b></p>
13 |                 <br/>
14 |                 
15 |                 <h3 class="uk-card-title index-cate-h3">Technical details</h3>
16 |                 <p>This website (https://www.snapaper.com) does not have a database. All content data comes from GCE Guide (http://www.gceguide.com) or SaveMyExams (https://www.savemyexams.co.uk) or Xtremepapers (https://www.xtremepapers.com). All requests are obtained from the GCE Guide (http://www.gceguide.com) or SaveMyExams (https://www.savemyexams.co.uk) or Xtremepapers (https://www.xtremepapers.com) website. All the content has not been changed or downloaded. This website is based on the GCE Guide (http://www.gceguide.com) or SaveMyExams (https://www.savemyexams.co.uk) or Xtremepapers (https://www.xtremepapers.com) to provide a convenient download extension. This is 100% a non-profit website</p>
17 |                 <br/>
18 |                 
19 |                 <h3 class="uk-card-title index-cate-h3">Author</h3>
20 |                 <p>This website was developed by <b>TonyHe</b>. Welcome to donate him through <b>Alipay (13408697095)</b>. If you encounter unexpected difficulties during the use of this website, please contact him through <b>QQ (36624065)</b>. If you have suggestions for this website, you can contact him, but he will not necessarily care about you. The source code of this website has been open sourced on Github, welcome to Star/Fork/Watch/Issue<br/><br/>
21 |                     <iframe src="https://ghbtns.com/github-btn.html?user=HelipengTony&repo=snapaper&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
22 |                     <iframe src="https://ghbtns.com/github-btn.html?user=HelipengTony&repo=snapaper&type=watch&count=true&size=large&v=2" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
23 |                     <iframe src="https://ghbtns.com/github-btn.html?user=HelipengTony&repo=snapaper&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>
24 |                     <iframe src="https://ghbtns.com/github-btn.html?user=HelipengTony&type=follow&count=true&size=large" frameborder="0" scrolling="0" width="220px" height="30px"></iframe>
25 |                 </p>
26 |                 <br/>
27 |                 
28 |                 <h3 class="uk-card-title index-cate-h3">Change Logs</h3>
29 |                 <p>
30 |                     <b>V0.1</b><br/>
31 |                     First version released
32 |                     <br/><br/>
33 |                     
34 |                     <b>V0.11</b><br/>
35 |                     1. Staticized index page<br/>
36 |                     2. Fixed download canceled bug
37 |                     <br/><br/>
38 |                     
39 |                     <b>V0.12</b><br/>
40 |                     1. Now using Grid layout in subjects pages<br/>
41 |                     2. Fixed a bug where 「Back」 button could not be used under some browsers
42 |                     <br/><br/>
43 |                     
44 |                     <b>V0.13</b><br/>
45 |                     1. Fixed a bug where the past papers were not found in some subjects<br/>
46 |                     2. Change the domain from papers.ouorz.com to snapaper.com<br/>
47 |                     3. Improved papers list button style
48 |                     <br/><br/>
49 |                     
50 |                     <b>V0.15</b><br/>
51 |                     1. New menu shortcut download button on papaers page<br/>
52 |                     2. Added "Back to Top" and "Back to Bottom" buttons on papers page<br/>
53 |                     3. Added a notification page for maintenance<br/>
54 |                     4. Added a toolbar to count the number of test papers that have been added to the list on papers page
55 |                     <br/><br/>
56 |                     
57 |                     <b>V0.151</b><br/>
58 |                     1.The download function is now available for more browsers<br/>
59 |                     <br/><br/>
60 |                     
61 |                     <b>V0.16</b><br/>
62 |                     1.UI adjustment<br/>
63 |                     2.New index design<br/>
64 |                     3.New feature —— Extensions<br/>
65 |                     4.New extension —— OneStep<br/>
66 |                     5.Added a donate page 
67 |                     <br/><br/>
68 |                     
69 |                     <b>V0.17</b><br/>
70 |                     1.Added a associated paper shortcut button<br/>
71 |                     2.Added a bar to display the total number of items in each page<br/>
72 |                     3.Added a Switch Server button<br/>
73 |                     4.Paper display page redesigned<br/>
74 |                     5.Added a new papers source —— Xtremepapers
75 |                     <br/><br/>
76 |                     
77 |                     <b>V0.18</b><br/>
78 |                     1.Rebuilt using Vue.js<br/>
79 |                     <br/><br/>
80 |                     
81 |                 </p>
82 |     </div>
83 | </div>
84 |     </body>
85 | </html>


--------------------------------------------------------------------------------
/old/cate_old.php:
--------------------------------------------------------------------------------
  1 | <?php require 'header.php' ?>
  2 | 
  3 | <?php
  4 | //Composer 依赖
  5 | require 'vendor/autoload.php';
  6 | use QL\QueryList;
  7 | 
  8 | //判断用户名是否输入
  9 | if( !empty($_GET['cate']) ) {
 10 | 	
 11 | /* 获取服务器源 */
 12 | $com0 = 'https://papers.gceguide.com';
 13 | $xyz1 = 'https://papers.gceguide.xyz';
 14 | $xtr4 = 'https://xtremepapers.xyz';
 15 | if(!isset($_COOKIE['snapaper_server'])){
 16 |     $source = $com0;
 17 | }else{
 18 | 	$source = $_COOKIE['snapaper_server'];
 19 | 	if($source == 0){
 20 |     	$source = $com0;
 21 | 	}elseif($source == 1){
 22 | 		$source = $xyz1;
 23 | 	}elseif($source == 4){
 24 | 		$source = $xtr4;
 25 | 	}else{
 26 | 		$source = $com0;
 27 | 	}
 28 | }
 29 | /* 结束获取服务器源 */
 30 |     
 31 |     $cate = $_GET['cate'];
 32 |     
 33 |     if($source == $xtr4){ //xtremepapers生成查询数据
 34 |         $url = 'https://xtremepapers.xyz/papers/index.php?dir='.urlencode($cate).'/';//生成查询页面
 35 |         $html = file_get_contents($url);
 36 |     	$data = QueryList::html($html)->rules([
 37 |     	'name' => ['.autoindex_td>a','text']
 38 |     	])->query()->getData();
 39 |     	$user_data = $data->all(); //获取查询数据
 40 |     }else{ //GCEGuide生成查询数据
 41 |     	$url = $source.'/'.$cate;//生成查询页面
 42 |     	$html = file_get_contents($url);
 43 |     	$data = QueryList::html($html)->rules([
 44 |     	'name' => ['tr>td>a','text']
 45 |     	])->query()->getData();
 46 |     	$user_data = $data->all(); //获取查询数据
 47 |     }
 48 | ?>
 49 | 
 50 | 
 51 |     <div class="uk-container" style="margin-top: 6%;padding-left: 11vh;">
 52 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;">
 53 |     <div style="
 54 |     width: 73%;
 55 | ">
 56 |         <h1 class="sub-title-h1"><?php echo $_GET['cate'] ?></h1>
 57 |     	<p class="sub-title-p">Choose a subject and start exploring</p>
 58 |     </div>
 59 |     <div style="text-align: right;padding-top: 40px;display: flex;width:27%">
 60 |     <div>
 61 |     	<em class="back-btn" style="color: #999;"><?php echo count($user_data) - 1; ?> Subjects</em>
 62 | 	</div>
 63 | 	<div style="margin-left: 10px;">
 64 | 		<a onclick="history.go(-1);">
 65 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
 66 | 		</a>
 67 | 	</div>
 68 |     </div>
 69 |     
 70 |     </div>
 71 |     <script>
 72 |         function support(cssName) {
 73 |             var htmlStyle = document.documentElement.style;
 74 |             if (cssName in htmlStyle)
 75 |                 return true;
 76 |             return false;
 77 |         }
 78 |         
 79 |         if(!support('grid-template-columns')){ //判断浏览器是否支持 grid 属性
 80 |             $('#list')[0].className = 'sublist-1';
 81 |             $('#display_style')[0].innerHTML = '<style>.index-cate-card {width: 31.1%;margin-bottom: 2%;} .index-cate-card:nth-child(3n) {margin-left: 2%;}</style>';
 82 |         }
 83 |         
 84 |     </script>
 85 |     <div id="display_style"></div>
 86 |     <div class="sublist" id="list" uk-scrollspy="target: > .uk-card; cls:uk-animation-slide-bottom-small; delay: 100">
 87 | 
 88 | <?php 
 89 |     if(!empty($user_data)){ //开始读取数据 
 90 |     	if($source == $xtr4){ //xtremepapers 时
 91 |     		for($i=0;$i<count($user_data);$i++){ //循环获取数据
 92 |     			if($user_data[$i]['name'] != 'error_log' && $user_data[$i]['name'] != '
 93 | Parent Directory'){
 94 | ?>
 95 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card">
 96 |             <h3 class="uk-card-title index-cate-h3"><?php echo $user_data[$i]['name']; ?></h3>
 97 |             <?php
 98 |             	//传参时需使用一种神奇的格式，此处只能用字符串替换来实现(urlencode不可适用)
 99 |             	$name = $user_data[$i]['name'];
100 |             	$find = array(' ','(',')');
101 |             	$replace = array('%2520','%2528','%2529');
102 |             	$name = str_replace($find,$replace,$name);
103 |             ?>
104 |             <a href="/paper?cate=<?php echo urlencode($cate); ?>&sub=<?php echo $name; ?>"><p class="item-guide">Browse All Papers</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
105 |         </div>
106 | <?php }}
107 |     	}else{ //GCEGuide时
108 | 			for($i=0;$i<count($user_data);$i++){ //循环获取数据
109 | 				if($user_data[$i]['name'] != 'error_log' && $user_data[$i]['name'] != '
110 | Parent Directory'){
111 | ?>
112 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card">
113 |             <h3 class="uk-card-title index-cate-h3"><?php echo $user_data[$i]['name']; ?></h3>
114 |             <a href="/paper?cate=<?php echo $cate; ?>&sub=<?php echo $user_data[$i]['name']; ?>"><p class="item-guide">Browse All Papers</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
115 |         </div>
116 | <?php }}
117 | 			} ?>
118 | 
119 | <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="width: 97%;margin-left: 2%;padding: 40px 30px;display: inline-block;border: 3px solid #999;border-radius: 5px;transition: all .3s;margin-bottom: 10%;">
120 |     <h3 style="font-weight: 600;color: #555;font-size: 2.4rem;margin: 0px;letter-spacing: 1px;"><?php echo $cate; ?></h3>
121 | 	<p style="margin: 0px;letter-spacing: 2px;color: #999;">Past Papers</p>
122 | 	<p style="color: #888;margin-top: 25px;">All Contents &amp; Names of this website are assets of owner, protected by law and powered by GCE Guide/Xtremepapers</p>
123 | </div>
124 | 
125 | <?php }else{ ?>
126 | <div class="uk-placeholder uk-text-center" id="bottom">Service is temporarily unavailable</div>
127 | <?php }} ?>
128 | 
129 |     </div>
130 | </div>
131 |     </body>
132 | </html>


--------------------------------------------------------------------------------
/ux.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * @Author: mikey.zhaopeng 
  3 |  * @Date: 2019-10-29 22:40:43 
  4 |  * @Last Modified by:   mikey.zhaopeng 
  5 |  * @Last Modified time: 2019-10-29 22:40:43 
  6 |  */
  7 | 
  8 | var qp_url = function (name) {
  9 |     if (!!name && name.toString().indexOf('qp') > -1 && name.toString().indexOf('2_2') <= -1) {
 10 |         return true;
 11 |     } else {
 12 |         return false;
 13 |     }
 14 | }
 15 | var ms_url = function (name) {
 16 |     if (!!name && name.toString().indexOf('ms') > -1 && name.toString().indexOf('2_2') <= -1 && name.toString().indexOf('+') <= -1) {
 17 |         return true;
 18 |     } else {
 19 |         return false;
 20 |     }
 21 | }
 22 | 
 23 | function download_list() { //列表下载
 24 |     var urls = $('#download_items').val(); //获取列表数据
 25 |     if (urls == '') { //为空则提示
 26 |         swal("Oops", "Can not download empty list", "error");
 27 |     } else {
 28 |         swal("Download Started", "Do not leave this page, the download of these files will start automatically after 3 seconds", {
 29 |             button: false,
 30 |         });
 31 |         $('#count_list_notice')[0].style.display = 'none';
 32 |         toTop();
 33 |         $('#dl')[0].innerHTML = '<button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;">Processing...</button><button class="uk-button uk-button-default" style="border-radius: 5px;margin-left: 0.5%;" onclick="location.reload();">Refresh</button>'; //修改按钮
 34 |         $('#notice')[0].style.display = 'unset'; //显示提示
 35 |         var url = urls.split(','); //半角逗号分隔字符串为数组
 36 |         var idname = ''; //初始化idname
 37 |         var num = 0; //初始化指针值
 38 | 
 39 |         var click = function () {
 40 |             if (num == (url.length)) { //指针到达列表总数
 41 |                 window.clearInterval(interval); //清除interval
 42 |             } else {
 43 |                 if (dmode == 1) {
 44 |                     idname = '#' + url[num]; //补全idname
 45 |                     downloadFile($(idname).attr('href'));
 46 |                 } else if (dmode == 2) {
 47 |                     idname = '#' + url[num]; //补全idname
 48 |                     downloadFile($(idname).attr('href'));
 49 |                     if (qp_url($(idname).text())) {
 50 |                         downloadFile($(idname).attr('href').replace('qp', 'ms'));
 51 |                     } else if (ms_url($(idname).text())) {
 52 |                         downloadFile($(idname).attr('href').replace('ms', 'qp'));
 53 |                     }
 54 |                 }
 55 |                 num += 1; //累加指针
 56 |             }
 57 |         }
 58 | 
 59 |         window.interval = setInterval(click, 3000); //设置interval
 60 |     }
 61 | }
 62 | 
 63 | function remove_items(id) { //删除列表指定id 值
 64 |     var current = $('#download_items').val(); //获取当前列表值
 65 |     var current = current.split(','); //分隔列表字符串为数组
 66 |     current = $.grep(current, function (value) {
 67 |         return value != id;
 68 |     }); //获取删除值位置并删除
 69 | 
 70 |     var now_count = current.length;
 71 |     if (now_count == 0) {
 72 |         $('#count_list_notice')[0].style.display = 'none';
 73 |     } else {
 74 |         $('#list_count')[0].innerHTML = now_count;
 75 |     }
 76 | 
 77 |     var now = current.join(","); //数组转换回字符串
 78 |     $('#download_items').val(now); //存入列表值
 79 |     var change = '#btn' + id; //补全提示已修改的按钮id
 80 |     $(change).attr('onclick', 'add_items(' + id + ')'); //修改按钮onclick
 81 |     $(change)[0].innerHTML = 'Add to List'; //修改按钮文本
 82 |     $(change)[0].className = 'papers-list-td-btn1'; //修改按钮css
 83 |     console.log($('#download_items').val()); //方便debug
 84 | 
 85 | }
 86 | 
 87 | function add_items(id) { //增加列表值
 88 |     var current = $('#download_items').val(); //获取当前列表值
 89 |     if (current == '') { //若当前列表值为空
 90 |         var now = id;
 91 |         var change = '#btn' + id;
 92 |         $('#download_items').val(now); //直接赋值给列表，不增加连接符
 93 |         $(change).attr('onclick', 'remove_items(' + id + ')');
 94 |         $(change)[0].innerHTML = 'Remove';
 95 |         $(change)[0].className = 'papers-list-td-btn1-change';
 96 | 
 97 |         $('#count_list_notice')[0].style.display = 'unset';
 98 |         $('#list_count')[0].innerHTML = '1';
 99 |     } else {
100 |         var now = current + ',' + id //否则增加连接符
101 |         var change = '#btn' + id;
102 |         $('#download_items').val(now);
103 |         $(change).attr('onclick', 'remove_items(' + id + ')');
104 |         $(change)[0].innerHTML = 'Remove';
105 |         $(change)[0].className = 'papers-list-td-btn1-change';
106 | 
107 |         now = current.split(","); //分隔成数组获取个数
108 |         var now_count = now.length + 1;
109 |         $('#list_count')[0].innerHTML = now_count;
110 |     }
111 |     console.log($('#download_items').val());
112 | }
113 | 
114 | 
115 | /* UX 功能 */
116 | function toTop() {
117 |     /*
118 |     var gotoTop= function(){
119 |       var currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
120 |       currentPosition -= 50;
121 |       if (currentPosition > 0) {
122 |         window.scrollTo(0, currentPosition);
123 |       }
124 |       else {
125 |         window.scrollTo(0, 0);
126 |         clearInterval(timer);
127 |         timer = null;
128 |       }
129 |     }
130 |     var timer=setInterval(gotoTop,0.3);
131 |     */
132 |     $('#top')[0].scrollIntoView();
133 | }
134 | 
135 | function toBottom() {
136 |     $('#bottom')[0].scrollIntoView();
137 | }
138 | 
139 | /* 随浏览器变化而改变 */
140 | 
141 | function getScrollTop() {
142 |     return scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
143 | }
144 | 
145 | window.onscroll = function () {
146 |     if (getScrollTop() <= 400) {
147 |         $('#to_top')[0].style.display = 'none';
148 |         $('#to_bottom')[0].style.display = 'none';
149 |         $('#sticky')[0].style.display = 'none';
150 |     } else {
151 |         $('#to_top')[0].style.display = 'unset';
152 |         $('#to_bottom')[0].style.display = 'unset';
153 |         $('#sticky')[0].style.display = 'unset';
154 |         $('#update')[0].style.display = 'none';
155 |     }
156 | }
157 | /* 结束随浏览器变化而改变 */
158 | 
159 | function dismiss() {
160 |     $('#update')[0].style.display = 'none';
161 | }
162 | 
163 | 
164 | /* 结束 UX 功能 */


--------------------------------------------------------------------------------
/case/res.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | 	require '../header.php';
  3 | 	if(empty($_GET['sub'])){
  4 | ?>
  5 | <script>history.go(-1);</script>
  6 | <?php }
  7 | 
  8 | 			switch ($_GET['cate']) {
  9 | 		case 'igcse':
 10 | 			$host = 'igcse';
 11 | 			$title = '2019 F/M Series';
 12 | 			break;
 13 | 		
 14 | 		case 'alevel':
 15 | 			$host = 'alevel';
 16 | 			$title = '2019 F/M Series';
 17 | 			break;
 18 | 		
 19 | 		case 'ebooks':
 20 | 			$host = 'ebooks';
 21 | 			$title = 'Cambridge Textbooks (PDF)';
 22 | 			break;
 23 | 			
 24 | 		case 'sme':
 25 | 			$host = 'sme';
 26 | 			$title = 'SaveMyExams';
 27 | 			break;
 28 | 	}
 29 | ?>
 30 | 	<style>
 31 | 		.papers-list-td-right{
 32 | 			width: 380px !important;
 33 | 		}
 34 | 	</style>
 35 | 	<script>
 36 | 	var dmode = 1; //下载方式
 37 | 	
 38 | 	function live(url){
 39 | 		window.open(url,"","top=100,left=300,width=800,height=1000");
 40 | 	}
 41 | 	
 42 | 	</script>
 43 | 	<script src="/ux.js"></script>
 44 | 		
 45 | 	
 46 | 	<div class="papers-list-sticky" style="display:unset;width: 100%;border-radius: 0px;height: 40px;margin-left: 0px;text-align: center;z-index: 9998;padding-top: 15px;border-top: 2px solid #f0506e;" id="update"><p>We recommend using <b>Chrome</b> or some of the latest modern browsers for the best experience. <a href="https://www.google.cn/chrome/index.html" target="_blank">Click here to download Chrome</a>&nbsp;<a onclick="dismiss();" style="color: #f0506e;border: 1px solid #f0506e;padding: 4px 7px;border-radius: 4px;margin-left: 20px;"><svg width="19" height="19" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3.5px;margin-right: 2px;"> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,16 L4,4"></path> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,4 L4,16"></path></svg>Dismiss</a></p></div>
 47 | 	
 48 | 		
 49 | 	<div id="sticky" class="papers-list-sticky" style="padding:0px;margin-left:0px;width:100%">
 50 |     <div class="uk-container" style="display: flex;">
 51 |         <div style="flex-basis: 50%;">
 52 |             <h3 style="margin-bottom: 0px; font-weight: 600;">Viewing</h3> 
 53 |             <p style="margin: -3 0 0px;font-weight: 300;margin-top: -3px;text-transform:capitalize"><?php echo $_GET['sub']; ?></p>
 54 |         </div>
 55 |         <div style="padding-top: 10px;flex-basis: 50%;text-align: right;">
 56 |             <a onclick="download_list();" style="display: inline-block; width: 140px;">
 57 |                 <button class="uk-button uk-button-danger" style="border-radius: 5px; margin-left: 0.5%; padding: 0px 10px; line-height: 35px;">Download List</button>
 58 |             </a>
 59 |         </div>
 60 |     </div>
 61 | </div>
 62 | 	
 63 | 	
 64 | 	
 65 | 	<div class="uk-container wap-index" style="margin-top: 6%;">
 66 | 	<div class="sub-title-div" style="margin-bottom:60px;display: flex;" id="top">
 67 | 	<div class="cate-left">
 68 | 		<h1 class="sub-title-h1" style="text-transform:capitalize"><?php echo $_GET['sub']; ?><em style="font-size:1.5rem;color:#999;font-style:normal;font-weight:300;margin-left:15px"><?php echo $title; ?></em></h1>
 69 | 		<p class="sub-title-p">Resources are sourced from the Internet</p>
 70 | 	</div>
 71 | 	<div class="cate-right">
 72 | 	<div>
 73 | 		<em class="back-btn" style="color: #999;">Special</em>
 74 | 	</div>
 75 | 	<div style="margin-left: 10px;">
 76 | 		<a onclick="history.go(-1);">
 77 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
 78 | 		</a>
 79 | 	</div>
 80 | 	</div>
 81 | 	
 82 | 	</div>
 83 | 	<div style="margin-top:2%">
 84 | 
 85 | <div style="margin-bottom:10px" id="dl">
 86 | 	<a onclick="download_list();">
 87 | 		<button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;">Download from List    </button>
 88 | 	</a>
 89 | </div>
 90 | 
 91 | 
 92 | 
 93 | <div id="notice" style="display: none">1. Do not leave this page, the download of these files will start automatically after <b>3 seconds</b>.<br/>2. You need to <b>manually refresh</b> this page before performing the next download.<br/>3. You need to set the file download path <b>in advance</b>, you will not have the opportunity to choose the download path during the download process.</div>
 94 | 
 95 | 
 96 | 
 97 | <div class="papers-list-list-notice uk-animation-slide-bottom-small" id="count_list_notice">
 98 | 	<p><b id="list_count">0</b> Paper(s) in List</p>
 99 | </div>
100 | 
101 | 
102 | 
103 | <table class="uk-table uk-table-hover uk-table-divider">
104 | 	<thead id="x">
105 | 		<tr>
106 | 			<th style="text-align:left">Paper Name</th>
107 | 			<th style="text-align:left" class="wap-op">Options</th>
108 | 		</tr>
109 | 	</thead>
110 | 	<tbody>
111 | 		
112 | <script>
113 | 
114 | function downloadFile(srcUrl) {
115 | 	var $a = $("<a/>").attr("href", srcUrl).attr("download", "");
116 | 	$a[0].click();
117 | }
118 | 	
119 | var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
120 | if(isChrome){
121 | 	dismiss(); //chrome浏览器取消显示提示
122 | }
123 | </script>
124 | <?php
125 | $sub = $_GET['sub'];
126 | $hostdir = dirname(__FILE__).'/'.$host.'/'.$sub.'/'; //要读取的文件夹
127 | $url = '/case/'.$host.'/'.$sub.'/'; //图片所存在的目录
128 | $filesnames = scandir($hostdir); //得到所有的文件
129 | $www = 'https://www.snapaper.com'; //域名
130 | $i = 0;
131 | 
132 | foreach ($filesnames as $name){
133 | 	++$i;
134 | 	if($i > 2){
135 | ?>
136 | 
137 | 		<tr>
138 | 			<td class="papers-list-td-left"><a href="https://www.snapaper.com/download?filename=<?php echo $www.$url.$name; ?>" id="<?php echo $i; ?>"><p><?php echo $name; ?></p></a></td>
139 | 			<td class="papers-list-td-right" style="width:530px !important">
140 | 				<p>
141 | 					<button class="papers-list-td-btn1" onclick="add_items(<?php echo $i; ?>)" id="btn<?php echo $i; ?>">Add to List</button>
142 | 					<button class="papers-list-td-btn2" onclick="downloadFile(`https://www.snapaper.com/download?filename=<?php echo $www.$url.$name; ?>`)">Download</button>
143 | 					<a onclick="live(`<?php echo $www.$url.$name; ?>`);"><button class="papers-list-td-btn3">LiveView</button></a>
144 | 					<button class="papers-list-td-btn2" style="color: #777;" uk-tooltip="title: <b>Notice</b><br/>Downloading and sharing this document will be considered an infringement of intellectual property rights; pos: top">Notice</button>
145 | 				</p>
146 | 			</td>
147 | 		</tr>
148 | 	
149 | 
150 | 	
151 | <?php }} ?>
152 | </tbody>
153 | </table>
154 | 
155 | <div class="uk-placeholder uk-text-center" id="bottom">Resources from savemyexams are not open to the public, storing and sharing of these resources is illegal</div>
156 | 
157 | <input type="hidden" id="download_items">
158 | 
159 | 
160 | 	</div>
161 | </div>
162 | 	</body>
163 | </html>


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 | 	<meta charset="UTF-8">
  6 | 	<title>Snapaper | Better Resources for Cambridge Examinations</title>
  7 | 	<meta name="keywords" content="IGCSE,ALevel,OLevel,pastpapers,snapaper,snap">
  8 | 	<meta name="description" content="Resources for Cambridge Examinations">
  9 | 	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
 10 | 		width=device-width,initial-scale=1.0" />
 11 | 	<meta name="google-site-verification" content="RT8plbzqYHzb-o-LH6e5S8SfYtHm7yVAiPqhVNr_dYI" />
 12 | 	<link href="https://static.zeo.im/uikit.min.css" rel="stylesheet">
 13 | 	<link href="https://static.zeo.im/uikit-rtl.min.css" rel="stylesheet">
 14 | 	<script type="text/javascript" src="https://static.zeo.im/uikit.min.js"></script>
 15 | 	<script type="text/javascript" src="https://static.ouorz.com/uikit-icons.min.js"></script>
 16 | 	<link href="https://www.snapaper.com/style.css" rel="stylesheet">
 17 | 	<link rel="Shortcut Icon" href="https://static.ouorz.com/snapaper_logo.ico" type="image/x-icon">
 18 | 	<script type="text/javascript" src="https://static.ouorz.com/vue.min.js"></script>
 19 | 	<script type="text/javascript" src="https://static.ouorz.com/axios.min.js"></script>
 20 | 	<script src="https://static.ouorz.com/jquery-3.3.1.min.js"></script>
 21 | 	<!-- <script src="https://cdn.bootcss.com/FlexSearch/0.6.2/flexsearch.min.js"></script> -->
 22 | 	<script src="https://cdn.bootcss.com/sweetalert/2.1.2/sweetalert.min.js"></script>
 23 | 	<script>
 24 | 		var _hmt = _hmt || [];
 25 | 		(function() {
 26 | 			var hm = document.createElement("script");
 27 | 			hm.src = "https://hm.baidu.com/hm.js?a4a7b388691389952cef0d953a72ff9b";
 28 | 			var s = document.getElementsByTagName("script")[0];
 29 | 			s.parentNode.insertBefore(hm, s);
 30 | 		})();
 31 | 	</script>
 32 | </head>
 33 | 
 34 | <body>
 35 | 	<header class="header-div">
 36 | 		<div class="uk-container">
 37 | 			<ul class="nav-1">
 38 | 				<li>
 39 | 					<a href="https://www.snapaper.com/" style="text-decoration:none">
 40 | 						<h3 class="nav-title">
 41 | 							<img src="https://static.ouorz.com/snapaper-logo.png" class="nav-title-img">napaper</h3>
 42 | 						<b style="margin-left: 6px;font-weight: 100;letter-spacing: 1px;font-size: 1.39rem;color:#666;">PastPapers</b>
 43 | 					</a>
 44 | 				</li>
 45 | 			</ul>
 46 | 			<ul class="nav-2">
 47 | 				<li class="nav-2-icon1" style="background: #f1f2f3;padding: 3px 10px;border-radius: 4px;font-size: .9rem;margin-right: 15px;" uk-tooltip="title: When there is a problem with our service, you can choose to switch to another server node by clicking 'Switch Server' on home page; pos: bottom"><a href="https://www.snapaper.com" style="text-decoration:none;color:#999">Node<b style="margin-left: 3px;">
 48 | 							<?php
 49 | 							if (!isset($_COOKIE['snapaper_server'])) {
 50 | 								echo '1';
 51 | 							} elseif ($_COOKIE['snapaper_server'] == 4) { //手贱写成4了....
 52 | 								echo $_COOKIE['snapaper_server'] - 1;
 53 | 							} else {
 54 | 								echo $_COOKIE['snapaper_server'] + 1;
 55 | 							} ?>
 56 | 						</b></a></li>
 57 | 				<li class="nav-2-icon1" style="background: #fff;padding: 2px 10px;border: 1px solid #999;border-radius: 4px;font-size: .9rem;" uk-tooltip="title: When there is a problem with our service, you can choose to switch to another server node by clicking 'Switch Server' on home page; pos: bottom" title="" aria-expanded="false"><a href="https://www.snapaper.com/about" style="text-decoration:none;color:#999;letter-spacing: .5px;">V1.80</a></li>
 58 | 			</ul>
 59 | 		</div>
 60 | 	</header>
 61 | 	<div class="cap-nav">
 62 | 		<div class="uk-container">
 63 | 			<div class="cap-nav-right">
 64 | 				<ul class="nav">
 65 | 					<li>
 66 | 						<a class="cap-nav-a" href="https://www.snapaper.com" style="border-left: 1px solid #eee;">
 67 | 							Home
 68 | 						</a>
 69 | 					</li>
 70 | 					<li>
 71 | 						<a class="cap-nav-a" href="/about">
 72 | 							About
 73 | 						</a>
 74 | 					</li>
 75 | 					<li>
 76 | 						<a class="cap-nav-a" href="/donate">
 77 | 							Donation
 78 | 						</a>
 79 | 					</li>
 80 | 					<li>
 81 | 						<a class="cap-nav-a" href="https://github.com/HelipengTony/snapaper/blob/master/docs/API.md">
 82 | 							API
 83 | 						</a>
 84 | 					</li>
 85 | 				</ul>
 86 | 			</div>
 87 | 			<div class="cap-nav-left">
 88 | 				<ul class="nav">
 89 | 					<li>
 90 | 						<a class="cap-nav-post" href="https://platform.snapaper.com">
 91 | 							Study Platform
 92 | 						</a>
 93 | 					</li>
 94 | 				</ul>
 95 | 			</div>
 96 | 		</div>
 97 | 	</div>
 98 | 	<?php
 99 | 	function isMobile()
100 | 	{
101 | 		// 如果有HTTP_X_WAP_PROFILE则一定是移动设备
102 | 		if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) {
103 | 			return true;
104 | 		}
105 | 		// 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息
106 | 		if (isset($_SERVER['HTTP_VIA'])) {
107 | 			// 找不到为flase,否则为true
108 | 			return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;
109 | 		}
110 | 		// 脑残法，判断手机发送的客户端标志,兼容性有待提高。其中'MicroMessenger'是电脑微信
111 | 		if (isset($_SERVER['HTTP_USER_AGENT'])) {
112 | 			$clientkeywords = array('nokia', 'sony', 'ericsson', 'mot', 'samsung', 'htc', 'sgh', 'lg', 'sharp', 'sie-', 'philips', 'panasonic', 'alcatel', 'lenovo', 'iphone', 'ipod', 'blackberry', 'meizu', 'android', 'netfront', 'symbian', 'ucweb', 'windowsce', 'palm', 'operamini', 'operamobi', 'openwave', 'nexusone', 'cldc', 'midp', 'wap', 'mobile', 'MicroMessenger');
113 | 			// 从HTTP_USER_AGENT中查找手机浏览器的关键字
114 | 			if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {
115 | 				return true;
116 | 			}
117 | 		}
118 | 		// 协议法，因为有可能不准确，放到最后判断
119 | 		if (isset($_SERVER['HTTP_ACCEPT'])) {
120 | 			// 如果只支持wml并且不支持html那一定是移动设备
121 | 			// 如果支持wml和html但是wml在html之前则是移动设备
122 | 			if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {
123 | 				return true;
124 | 			}
125 | 		}
126 | 		return false;
127 | 	}
128 | 
129 | 	if (isMobile()) { ?>
130 | 		<style>
131 | 			.uk-container {
132 | 				display: none;
133 | 			}
134 | 
135 | 			.header-div {
136 | 				display: none;
137 | 			}
138 | 		</style>
139 | 		<div style="width: 100%;height: 100vh;position: absolute;background-color: #fff;z-index: 999;text-align: center;padding-top: 20%;">
140 | 			<h1 style="font-weight: 400;margin-bottom: 0px;font-size: 3rem;">Not Supported Yet</h1>
141 | 			<p style="margin-top: 10px !important;font-weight: 100;letter-spacing: 1px;margin-bottom:40px">Please use a PC to view our website</p>
142 | 			<a href="https://www.zeo.im" style="
143 |     	border: 1.5px solid #1e87f0;
144 |     	padding: 8px 20px;
145 |     	font-weight: 600;
146 |     	border-radius: 5px;
147 | 	">See More</a>
148 | 		</div>
149 | 
150 | 	<?php } ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php require 'header.php' ?>
 2 | 
 3 | <div class="uk-container uk-animation-slide-bottom-small wap-index" style="margin-top: 10%;" uk-scrollspy="target: > .uk-card; cls:uk-animation-slide-bottom-small; delay: 200">
 4 |     <div class="sub-title-div">
 5 |         <h1 class="sub-title-h1" style="display: inline-block;">All Papers</h1>
 6 |         <a onclick="set_server();" class="switcher" id="switch">Switch Server</a>
 7 |     	<p class="sub-title-p">Choose a category and start exploring</p>
 8 |     </div>
 9 |     <div>
10 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card">
11 |             <h3 class="uk-card-title index-cate-h3"><i class="czs-hand-button"></i>One Step&nbsp;<span class="uk-label uk-label-success nav-title-v">Extension</span></h3>
12 |             <a href="/onestep"><p class="item-guide">Find Yourself a Paper</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
13 |         </div>
14 |         
15 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card">
16 |             <h3 class="uk-card-title index-cate-h3">Cambridge IGCSE</h3>
17 |             <a href="/cate?cate=IGCSE"><p class="item-guide">Browse All Subjects</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
18 |         </div>
19 |                 
20 | 
21 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card" style="border-color: #ff85c0;">
22 |             <h3 class="uk-card-title index-cate-h3">Cambridge Int'l AS &amp; A Level</h3>
23 |             <a href="/cate?cate=A Levels">
24 |                 <p class="item-guide">Browse All Subjects</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
25 |         </div>
26 |     </div>
27 |     
28 |     
29 |     <div style="
30 |     display: flex;
31 | ">
32 | <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card uk-scrollspy-inview special-index" style="border-color: #03A9F4;margin-left: 0px;width: 47.85%;padding: 30px 0px 35px 30px;">
33 |             <h3 class="uk-card-title index-cate-h3">OCR Further Maths<p style="font-size: 16px;font-weight: 400;letter-spacing: .5px;color: #666;margin: 0px;">Resources from ExamSolutions.Net</p>
34 |             <a target="_blank" href="https://www.examsolutions.net/a-level-maths/ocr/" style="float: right;font-size: 16px;font-weight: 400;margin-top: -45px;margin-right: 30px;border-radius: 5px;padding: 5px 10px;letter-spacing: .2px;">
35 |                 <p class="item-guide" style="margin: 0px;">Visit Website<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></p></a>
36 |             </h3>
37 |             
38 |     </div>
39 | <div class="uk-card uk-card-default uk-card-hover uk-card-body index-card uk-scrollspy-inview special-index" style="border-color: #FFC107;margin-left: 0px;width: 47.85%;padding: 30px 0px 35px 30px;margin-left: 2%;">
40 |             <h3 class="uk-card-title index-cate-h3">Save My Exams<p style="font-size: 16px;font-weight: 400;letter-spacing: .5px;color: #666;margin: 0px;"><span style="margin-right: 6px;background-color:#fec31d" class="uk-label uk-label-success nav-title-v">Mark Scheme</span>Available for Cambridge A-Levels...</p>
41 |             <a href="/case?cate=sme" style="float: right;font-size: 16px;font-weight: 400;margin-top: -45px;margin-right: 30px;border-radius: 5px;padding: 5px 10px;letter-spacing: .2px;">
42 |                 <p class="item-guide" style="margin: 0px;">Browse<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></p></a>
43 |             </h3>
44 |             
45 |     </div>
46 | </div>
47 |     
48 |     
49 |     
50 |     <div class="wap-index-2">
51 |     <div class="sub-title-div2">
52 |         <h1 class="sub-title-div2-h1">Extensions</h1>
53 |     	<p class="sub-title-div2-p">Advanced applications</p>
54 |     </div>
55 |     
56 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="border-top: 4px solid #FF5722;width: 47.5%;border-radius: 5px;margin-bottom: 5%;margin-top:2%;display: inline-block;padding-bottom: 50px;">
57 |             <div style="   float: left;">
58 |                 <h3 class="uk-card-title index-cate-h3" style="font-size: 2.5rem;">Cambridge eBooks</h3>
59 |                 <p style="margin: 0px;margin-left: 3px;"><span style="margin-right: 6px;background-color:#FF5722" class="uk-label uk-label-success nav-title-v">Updating</span>Resources from GCEGuide.xyz...</p>
60 |             </div>
61 |             <a href="https://www.snapaper.com/case/?cate=ebooks" style="float: right;padding-top: 15px;text-decoration:none;"><p style="margin-top: 15px;">Click Here<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></p></a>
62 |     </div>
63 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="border-top: 4px solid #03A9F4;width: 47.5%;border-radius: 5px;margin-bottom: 5%;margin-top:2%;display: inline-block;padding-bottom: 50px;margin-left: 2.5%;">
64 |             <div style="   float: left;">
65 |                 <h3 class="uk-card-title index-cate-h3" style="font-size: 2.5rem;">Donate to Me</h3>
66 |                 <p style="margin: 0px;margin-left: 3px;">Thank you for your support...</p>
67 |             </div>
68 |             <a href="https://www.ouorz.com/donation.html" style="float: right;padding-top: 15px;text-decoration:none;"><p style="margin-top: 15px;">Click Here<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></p></a>
69 |     </div>
70 |     
71 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="border-top: 4px solid #52c41a;width: 47.5%;border-radius: 5px;margin-bottom: 5%;margin-top:-2%;display: inline-block;padding-bottom: 50px;">
72 |             <div style="   float: left;">
73 |                 <h3 class="uk-card-title index-cate-h3" style="font-size: 2.5rem;">Study Platform</h3>
74 |                 <p style="margin: 0px;margin-left: 3px;"><span style="margin-right: 6px;background-color:#5bc62a" class="uk-label uk-label-success nav-title-v">Updating</span>Excellent resources from the Internet...</p>
75 |             </div>
76 |             <a href="https://platform.snapaper.com/" style="float: right;padding-top: 15px;text-decoration:none;"><p style="margin-top: 15px;">Click Here<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></p></a>
77 |     </div>
78 |     <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="border-top: 4px solid #607D8B;width: 47.5%;border-radius: 5px;margin-bottom: 5%;margin-top:-2%;display: inline-block;padding-bottom: 50px;margin-left: 2.5%;">
79 |             <div style="   float: left;">
80 |                 <h3 class="uk-card-title index-cate-h3" style="font-size: 2.5rem;">About Us</h3>
81 |                 <p style="margin: 0px;margin-left: 3px;">Information about this website...</p>
82 |             </div>
83 |             <a href="about" style="float: right;padding-top: 15px;text-decoration:none;"><p style="margin-top: 15px;">Click Here<i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></p></a>
84 |     </div>
85 |     </div>
86 |     
87 |     <?php if(!$is_wap){ ?>
88 | 		<p class="index-copy">© 2018-<?php echo date('Y',time()); ?> Snapaper | Hand-crafted with <i class="czs-heart" style="color:#ee561d"></i> by <b><a href="https://www.ouorz.com" target="_blank" style="color:#7c7c7c">TonyHe</a></b> | <a href="http://www.beian.miit.gov.cn" target="_blank" style="color:#7c7c7c">蜀ICP备16017417号-10</a>&nbsp;| <a href="//www.dmca.com/Protection/Status.aspx?ID=d417d85d-5eca-456c-a894-c2367440c02b" title="DMCA.com Protection Status" class="dmca-badge">DMCA</a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script></p>
89 |     <?php }else{ ?>
90 |     	<p class="index-copy" style="text-align:center">Hand-crafted with <i class="czs-heart" style="color:#ee561d"></i> by <b><a href="https://www.ouorz.com" target="_blank" style="color:#7c7c7c">TonyHe</a></b></p>
91 |     <?php } ?>
92 | </div>
93 | <script src="js/index.js"></script>
94 | 
95 |     </body>
96 | </html>


--------------------------------------------------------------------------------
/sme/sme_qp.php:
--------------------------------------------------------------------------------
  1 | <?php require '../header.php'; ?>
  2 | <div id="view">
  3 |         
  4 |     
  5 |     <div class="papers-list-sticky" style="display:unset;width: 100%;border-radius: 0px;height: 40px;margin-left: 0px;text-align: center;z-index: 9998;padding-top: 15px;border-top: 2px solid #f0506e;" id="update"><p>We recommend using <b>Chrome</b> or some of the latest modern browsers for the best experience. <a href="https://www.google.cn/chrome/index.html" target="_blank">Click here to download Chrome</a>&nbsp;<a onclick="dismiss();" style="color: #f0506e;border: 1px solid #f0506e;padding: 4px 7px;border-radius: 4px;margin-left: 20px;"><svg width="19" height="19" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3.5px;margin-right: 2px;"> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,16 L4,4"></path> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,4 L4,16"></path></svg>Dismiss</a></p></div>
  6 |     
  7 |         
  8 |     <div class="papers-list-sticky" id="sticky">
  9 |         <div style="float: left;">
 10 |             <h3 style="margin-bottom: 0px;font-weight: 600;">Viewing</h3>
 11 |             <p style="margin: 0px;font-weight: 300;margin-top: -3px;">SaveMyExams</p>
 12 |         </div>
 13 |         <div style="float: right;padding-top: 10px;">
 14 |                 <a onclick="download_all();" style="display: inline-block;">
 15 |                     <button class="uk-button uk-button-primary" style="border-radius: 5px;padding: 0px 15px;line-height: 35px;background-color: #0084FF;">Download All</button>
 16 |                 </a>
 17 |                 <a onclick="download_list();" style="display: inline-block;width: 140px;">
 18 |                     <button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;padding: 0px 10px;line-height: 35px;background: transparent;color: #0084FF;border: 1px solid #0084FF;">Download List</button>
 19 |                 </a>
 20 |         </div>
 21 |     </div>
 22 |     
 23 |     <div v-if="loading" class=uk-container style="margin-top: 6%;"><div id=top class=sub-title-div style="margin-bottom: 60px; display: flex;"><div style="width: 73%;"><h1 class="sub-title-h1 loading-line" style="     width: 60%;     height: 50px;     background: #e1e2e3; "></h1><p class="sub-title-p loading-line" style="     background: #e7e8e9;     margin-top: 10px;     width: 80%;     height: 25px; "></p></div><div style="text-align: right; padding-top: 40px; display: flex; width: 27%;"><div><em class="back-btn loading-line" style="color: rgb(153, 153, 153);padding-left: 70px;"></em></div><div style="margin-left: 10px;"><a><em class="back-btn loading-line" style="color: rgb(30, 135, 240);padding-left: 70px;"></em></a></div></div></div><div style="margin-top: 2%;"><div id=dl style="margin-bottom: 10px;"><a><button class="uk-button uk-button-primary loading-line" style="border-radius: 5px;width: 16%;height: 40px;background: #eee;"></button></a><a><button class="uk-button uk-button-danger loading-line" style="border-radius: 5px;margin-left: 0.5%;width: 16%;height: 40px;background: #eee;"></button></a></div><div style="     margin-top: 60px; "><div class="loading-line" style="     width: 100%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; "></div><div class="loading-line" style="     width: 90%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; "></div><div style="     width: 80%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; " class="loading-line"></div><div class="loading-line" style="     width: 90%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; "></div><div style="     width: 90%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; " class="loading-line"></div><div style="     width: 100%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; " class="loading-line"></div></div></div></div>
 24 |     
 25 |     
 26 |     
 27 |     <div :class="container" style="margin-top: 6%;opacity:0;" v-if="loading_view">
 28 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;" id="top">
 29 |     <div style="width: 73%;">
 30 |         <h1 class="sub-title-h1">SaveMyExams</h1>
 31 |     	<p class="sub-title-p">Made by Snapaper sourced from GCE Guide</p>
 32 |     </div>
 33 |     <div style="text-align: right;padding-top: 40px;display: flex;width:27%">
 34 |     <div>
 35 |     	<em class="back-btn" style="color: #999;">{{ count }} Papers</em>
 36 | 	</div>
 37 | 	<div style="margin-left: 10px;">
 38 | 		<a onclick="history.go(-1);">
 39 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
 40 | 		</a>
 41 | 	</div>
 42 |     </div>
 43 |     
 44 |     </div>
 45 |     <div style="margin-top:2%">
 46 | 
 47 | <script src="../ux.js"></script>
 48 | 
 49 | <div style="margin-bottom:10px" id="dl">
 50 |     <a onclick="download_all();">
 51 |         <button class="uk-button uk-button-primary" style="border-radius: 5px;">Download All</button>
 52 |     </a>
 53 |     <a onclick="download_list();">
 54 |         <button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;">Download List    </button>
 55 |     </a>
 56 | </div>
 57 | 
 58 | 
 59 | 
 60 | <div id="notice" style="display: none">1. Do not leave this page, the download of these files will start automatically after <b>3 seconds</b>.<br/>2. You need to <b>manually refresh</b> this page before performing the next download.<br/>3. You need to set the file download path <b>in advance</b>, you will not have the opportunity to choose the download path during the download process.</div>
 61 | 
 62 | 
 63 | 
 64 | <div class="papers-list-list-notice uk-animation-slide-bottom-small" id="count_list_notice">
 65 |     <p><b id="list_count">0</b> Paper(s) in List</p>
 66 | </div>
 67 | 
 68 | 
 69 | 
 70 | <table class="uk-table uk-table-hover uk-table-divider">
 71 |     <thead id="x">
 72 |         <tr>
 73 |             <th style="text-align:left">Paper Name</th>
 74 |             <th style="text-align:left">Options</th>
 75 |         </tr>
 76 |     </thead>
 77 |     <tbody>
 78 | <script>
 79 | 
 80 | function downloadFile(srcUrl) {
 81 |     var $a = $("<a/>").attr("href", srcUrl).attr("download", "");
 82 |     $a[0].click();
 83 | }
 84 | 
 85 | function download_all(){ //全部下载
 86 |         $('#count_list_notice')[0].style.display = 'none';
 87 |         toTop();
 88 |         $('#dl')[0].innerHTML = '<button class="uk-button uk-button-primary" style="border-radius: 5px;margin-left: 0.5%;">Processing...</button><button class="uk-button uk-button-default" style="border-radius: 5px;margin-left: 0.5%;" onclick="location.reload();">Refresh</button>'; //修改按钮
 89 |         $('#notice')[0].style.display = 'unset'; //显示提示
 90 |         var idname = ''; //初始化idname
 91 |         var num = 0; //初始化指针值
 92 |         var count = <?php echo count($user_data);?> //获取试卷总数
 93 |         
 94 |         var click = function(){
 95 |             if(num == count){ //指针到达总数
 96 |                 window.clearInterval(interval); //清除interval
 97 |             }else{
 98 |                 idname = '#' + num; //补全idname
 99 |                 downloadFile($(idname).attr('href'));
100 |                 num += 1; //累加指针
101 |             }
102 |         }
103 |         
104 |         window.interval = setInterval(click,3000); //设置interval
105 |     }
106 |     
107 | function live(url){
108 | 		window.open(url,'_blank',"top=0,left=100,width=700,height=750").location;
109 | }
110 | </script>
111 | 
112 | 
113 |         <tr v-for="(paper,index) in papers">
114 |             <td class="papers-list-td-left"><a :href="paper.url" :id="index"><p>{{ paper.name }}</p></a></td>
115 |             <td class="papers-list-td-right">
116 |                 <p>
117 |                     <button class="papers-list-td-btn1" :onclick="'add_items('+index+')'" :id="'btn'+index">Add to List</button>
118 |                     <button class="papers-list-td-btn2" @click="download_btn(paper.url)">Download</button>
119 |                     <a @click="live_btn(paper.url)"><button class="papers-list-td-btn3">LiveView</button></a>
120 |                 </p>
121 |             </td>
122 |         </tr>
123 |     
124 | </tbody>
125 | </table>
126 | 
127 | <div class="uk-placeholder uk-text-center" id="bottom">Paper resources are from GCE Guide, no one has the right to change and share them</div>
128 | 
129 | <input type="hidden" id="download_items">
130 | 
131 | <!-- 底部按钮 -->
132 | <a class="papers-list-to-top uk-animation-slide-right-small" id="to_top" onclick="toTop();">
133 |     <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13"></polyline></svg>
134 | </a>
135 | <a class="papers-list-to-top uk-animation-slide-right-small" style="bottom: 92px;" id="to_bottom" onclick="toBottom();">
136 |     <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg>
137 | </a>
138 | 
139 |     </div>
140 | </div>
141 | 
142 | </div>
143 | <script>
144 | 	//判断是否为Chrome,删除提示
145 | var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
146 | if(isChrome){
147 |     dismiss(); //chrome浏览器取消显示提示
148 | }
149 | 
150 | 
151 | </script>
152 | 
153 | <script>
154 | var get_papers = new Vue({
155 |     el: '#view',
156 |     data: {
157 |         papers: null,
158 |         loading_view: 0,
159 |         loading: 1,
160 |         count: 0,
161 |     	container : 'uk-container none_container'
162 |     },
163 |     mounted() {
164 |         axios.get('<?php echo 'https://www.snapaper.com/vue/sme_papers.php'.'?'.$_SERVER['QUERY_STRING']; ?>')
165 |         .then(response => {
166 |             this.papers = response.data;
167 |             this.count = response.data.count;
168 |         }).then(()=>{
169 |         	this.loading = false;
170 |             this.loading_view = true;
171 |             this.container = 'uk-container display-container';
172 |         })
173 |     }
174 |     });
175 |     
176 | 
177 | </script>
178 |     </body>
179 | </html>
180 | 


--------------------------------------------------------------------------------
/cate.php:
--------------------------------------------------------------------------------
  1 | <?php require 'header.php' ?>
  2 | <div id="view">
  3 | 	
  4 | <div v-if="loading" class="uk-container wap-index" style="margin-top: 10%; padding-left: 11vh;">
  5 |     <div class=sub-title-div style="margin-bottom: 60px; display: flex;">
  6 |         <div style="width: 73%;">
  7 |             <h1 class=sub-title-h1 style="     height: 45px;     width: 80%;     background: #e1e2e3; "></h1>
  8 |             <p class=sub-title-p style="     margin-top: 15px;     width: 60%;     height: 30px;     background: #eee; "></p>
  9 |         </div>
 10 |         <div style="text-align: right; padding-top: 40px; display: flex; width: 27%;">
 11 |             <div><em class=back-btn style="color: rgb(153, 153, 153);padding-left: 70px;"></em>
 12 |             </div>
 13 |             <div style="margin-left: 10px;"><a onclick="history.go(-1);"><em class=back-btn style="color: rgb(30, 135, 240);padding-left: 70px;"></em></a>
 14 |             </div>
 15 |         </div>
 16 |     </div>
 17 |     <div id=display_style></div>
 18 |     <div id=list class=sublist>
 19 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card uk-scrollspy-inview loading-line" style="     border: none;     background: #f1f2f3;     box-shadow: none;     padding-bottom: 150px; "></div>
 20 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card uk-scrollspy-inview loading-line" style="     border: none;     background: #f1f2f3;     box-shadow: none; "></div>
 21 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card uk-scrollspy-inview loading-line" style="     border: none;     background: #f1f2f3;     box-shadow: none; "></div>
 22 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card uk-scrollspy-inview loading-line" style="     border: none;     background: #f1f2f3;     box-shadow: none;     padding-bottom: 150px; "></div>
 23 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card uk-scrollspy-inview loading-line" style="     border: none;     background: #f1f2f3;     box-shadow: none; "></div>
 24 |         <div class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card uk-scrollspy-inview loading-line" style="     border: none;     background: #f1f2f3;     box-shadow: none; "></div>
 25 |     </div>
 26 | </div>
 27 | 	
 28 | <template v-if="loading_view">
 29 |     <div :class="container" style="    padding-left: 11vh;
 30 |     padding-top: 130px;
 31 |     padding-bottom: 20px;
 32 |     height: 26vh;">
 33 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;">
 34 |     <div class="cate-left">
 35 |         <h1 class="sub-title-h1">{{ cate }}</h1>
 36 |     	<p class="sub-title-p">{{ des }}</p>
 37 | 		<div class="next-cate-info">
 38 |     		<div>
 39 |         		<h3>Source</h3>
 40 |         		<p><img src="https://static.ouorz.com/logo_gceguide.png">GCE Guide</p>
 41 |     		</div>
 42 |     		<div>
 43 |          		<h3>Board</h3>
 44 |         		<p><img src="https://static.ouorz.com/QQ20200114-203749@2x.png">CAIE</p>
 45 |     		</div>
 46 | 		</div>
 47 |     </div>
 48 |     <div class="cate-right">
 49 |     <div>
 50 |     	<em class="back-btn" style="color: #fff;">{{ count }} Subjects</em>
 51 | 	</div>
 52 | 	<div style="margin-left: 10px;">
 53 | 		<a onclick="history.go(-1);">
 54 | 			<em class="back-btn" style="color: #fff;background: rgb(30, 135, 240);">← Back</em>
 55 | 		</a>
 56 | 	</div>
 57 |     </div>
 58 |     
 59 |     </div>
 60 |     <div id="display_style"></div>
 61 |     <?php if($is_wap){ ?>
 62 |     <div class="sublist" id="list">
 63 |     	
 64 |     	<div v-for="categ in categs" class="uk-card uk-card-default uk-card-hover uk-card-body index-cate-card" v-if="!!categ.name && categ.name !== 'error_log'">
 65 |             	<h3 class="uk-card-title index-cate-h3" v-html="categ.name"></h3>
 66 |             	<a :href="'/paper?cate='+ cate +'&sub=' + categ.name.replace('amp;','')"><p class="item-guide">Browse All Papers</p><i class="uk-slidenav-previous uk-icon uk-slidenav uk-slidenav-next"><svg width="14" height="14" viewBox="0 0 14 24" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1 "></polyline></svg></i></a>
 67 |         </div>
 68 | 
 69 | <div class="uk-card uk-card-default uk-card-hover uk-card-body" style="width: 97%;margin-left: 2%;padding: 40px 30px;display: inline-block;border: 3px solid #999;border-radius: 5px;transition: all .3s;margin-bottom: 10%;">
 70 |     <h3 style="font-weight: 600;color: #555;font-size: 2.4rem;margin: 0px;letter-spacing: 1px;">{{ cate }}</h3>
 71 | 	<p style="margin: 0px;letter-spacing: 2px;color: #999;">Past Papers</p>
 72 | 	<p style="color: #888;margin-top: 25px;">All Contents &amp; Names of this website are assets of owner, protected by law and powered by GCE Guide</p>
 73 | </div>
 74 | 
 75 | <div v-if="categs == ''" class="uk-placeholder uk-text-center" id="bottom">Service is temporarily unavailable</div>
 76 |     </div>
 77 |     </div>
 78 |     <?php }else{ ?>
 79 |     </div>
 80 | <div class="next-cate-container-out">
 81 |     <div class="uk-container next-cate-container">
 82 |     <div class="next-cate-c1">
 83 |         
 84 | <div class="next-cate-m1" v-for="fcate,index in fcates">
 85 |     <div>
 86 |         <h1><a :href="fcate.link">{{ fcate.name }}</a></h1>
 87 |         <p class="next-cate-m1-p1"><b># {{ index + 1 }}</b> Most Browsed Subject</p>
 88 |         <p class="next-cate-m1-p2"><a :href="fcate.link">Explore More →</a>
 89 |         </p>
 90 |     </div>
 91 | </div>
 92 |         
 93 |         <div class="next-cate-m2 next-cate-m2-sub" v-for="categ,index_2 in categs" v-if="!!categ.name && index_2 > Math.round(1 * (Object.keys(categs).length / 2) + 4)  && categ.name !== ('error_log' || 'Chemistry (9701)' || 'Economics (9708)' || 'Mathematics (9709)' || 'Physics (9702)' || 'Biology (9700)')">
 94 |             <div class="next-cate-m2-d1">
 95 |             	<a :href="'/paper?cate='+ cate +'&sub=' + categ.name.replace('amp;','')"><h1 v-html="'<b><i class=\'czs-circle-o\'></i></b>' + categ.name"></h1></a>
 96 |             </div>
 97 |             <div class="next-cate-m2-d2"><a :href="'/paper?cate='+ cate +'&sub=' + categ.name.replace('amp;','')">Explore →</a></div>
 98 |         </div>
 99 |     </div>
100 |     <div class="next-cate-c2">
101 |     	<div class="next-cate-m3">
102 |     		<h2>All Subjects</h2>
103 | 			<p>Choose a subject and start exploring</p>
104 | 		</div>
105 |         <div class="next-cate-m2" v-for="categ,index_3 in categs" v-if="!!categ.name && index_3 <= Math.round(1 * (Object.keys(categs).length / 2) + 4) && categ.name !== ('error_log' || 'Chemistry (9701)' || 'Economics (9708)' || 'Mathematics (9709)' || 'Physics (9702)' || 'Biology (9700)')">
106 |             <div class="next-cate-m2-d1">
107 |             	<a :href="'/paper?cate='+ cate +'&sub=' + categ.name.replace('amp;','')"><h1 v-html="'<b><i class=\'czs-circle-o\'></i></b>' + categ.name"></h1></a>
108 |             </div>
109 |             <div class="next-cate-m2-d2"><a :href="'/paper?cate='+ cate +'&sub=' + categ.name.replace('amp;','')">Explore →</a></div>
110 |         </div>
111 |     </div>
112 | </div>
113 | </div>
114 | <?php } ?>
115 | </template>
116 | </div>
117 | 
118 | <script>
119 | $.extend({
120 |   getUrlVars: function(){
121 |     var vars = [], hash;
122 |     var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
123 |     for(var i = 0; i < hashes.length; i++)
124 |     {
125 |       hash = hashes[i].split('=');
126 |       vars.push(hash[0]);
127 |       vars[hash[0]] = hash[1];
128 |     }
129 |     return vars;
130 |   },
131 |   getUrlVar: function(name){
132 |     return $.getUrlVars()[name];
133 |   }
134 | });
135 | 
136 | </script>
137 | 
138 | <script>
139 | var cate_get = decodeURIComponent($.getUrlVar('cate'));
140 | 
141 | if(cookie.get('snapaper_server') == '1'){
142 | 	var link = 1;
143 | }else{
144 | 	var link = 0;
145 | }
146 | 
147 | window.onload = function(){ //避免爆代码
148 | 
149 | function support(cssName) {
150 |             var htmlStyle = document.documentElement.style;
151 |             if (cssName in htmlStyle)
152 |                 return true;
153 |             return false;
154 |         }
155 |         
156 | if(!support('grid-template-columns')){ //判断浏览器是否支持 grid 属性
157 |     $('#list')[0].className = 'sublist-1';
158 |     $('#display_style')[0].innerHTML = '<style>.index-cate-card {width: 31.1%;margin-bottom: 2%;} .index-cate-card:nth-child(3n) {margin-left: 2%;}</style>';
159 | }
160 | 
161 | 
162 | var get = new Vue({
163 |     el: '#view',
164 |     data: {
165 |         categs: null,
166 |         cate: cate_get,
167 |         loading_view: 0,
168 |         loading: 1,
169 |         count: 0,
170 |         des: null,
171 |         link: link,
172 |     	container : 'uk-container none_container wap-index',
173 |     	fcates: []
174 |     },
175 |     mounted() {
176 |     	switch(cate_get){
177 |     		case 'A Levels':
178 |     			this.des = 'Cambridge International AS and A level subjects';
179 |     			this.fcates = [{
180 |     		name: 'Chemistry (9701)',
181 |     		link: 'https://www.snapaper.com/paper?cate=A%20Levels&sub=Chemistry%20(9701)'
182 |     	},
183 |     	{
184 |     		name: 'Biology (9700)',
185 |     		link: 'https://www.snapaper.com/paper?cate=A%20Levels&sub=Biology%20(9700)'
186 |     	},
187 |     	{
188 |     		name: 'Physics (9702)',
189 |     		link: 'https://www.snapaper.com/paper?cate=A%20Levels&sub=Physics%20(9702)'
190 |     	},
191 |     	{
192 |     		name: 'Mathematics (9709)',
193 |     		link: 'https://www.snapaper.com/paper?cate=A%20Levels&sub=Mathematics%20(9709)'
194 |     	},
195 |     	{
196 |     		name: 'Economics (9708)',
197 |     		link: 'https://www.snapaper.com/paper?cate=A%20Levels&sub=Economics%20(9708)'
198 |     	},
199 |     	{
200 |     		name: 'Mathematics - Further (9231)',
201 |     		link: 'https://www.snapaper.com/paper?cate=A%20Levels&sub=Mathematics%20-%20Further%20(9231)'
202 |     	}
203 |     	];
204 |     			break;
205 |     		case 'IGCSE':
206 |     			this.des = 'International General Certificate of Secondary Education Subjects';
207 |     			this.fcates = [{
208 |     		name: 'Chemistry (0620)',
209 |     		link: 'https://www.snapaper.com/paper?cate=IGCSE&sub=Chemistry%20(0620)'
210 |     	},
211 |     	{
212 |     		name: 'Biology (0610)',
213 |     		link: 'https://www.snapaper.com/paper?cate=IGCSE&sub=Biology%20(0610)'
214 |     	},
215 |     	{
216 |     		name: 'Physics (0625)',
217 |     		link: 'https://www.snapaper.com/paper?cate=IGCSE&sub=Physics%20(0625)'
218 |     	},
219 |     	{
220 |     		name: 'Mathematics (0580)',
221 |     		link: 'https://www.snapaper.com/paper?cate=IGCSE&sub=Mathematics%20(0580)'
222 |     	},
223 |     	{
224 |     		name: 'Economics (0455)',
225 |     		link: 'https://www.snapaper.com/paper?cate=IGCSE&sub=Economics%20(0455)'
226 |     	},
227 |     	{
228 |     		name: 'Mathematics - Additional (0606)',
229 |     		link: 'https://www.snapaper.com/paper?cate=IGCSE&sub=Mathematics%20-%20Additional%20(0606)'
230 |     	}
231 |     	]
232 |     			break;
233 |     	}
234 |         axios.get('https://www.snapaper.com/vue/cates?cate='+cate_get)
235 |         .then(response => {
236 |             this.categs = response.data;
237 |             this.count = response.data.count;
238 |         }).then(() => {
239 |         	this.loading = false;
240 |             this.loading_view = true;
241 |             this.container = 'uk-container display-container wap-index';
242 |         })
243 |     },
244 |     methods: {
245 |     	cate_name: function(name){
246 |     		if(!!name && name.toString().indexOf('error_log') <= -1 && name.toString().indexOf('Parent Directory') <= -1){
247 |     			return true;
248 |     		}else{
249 |     			return false;
250 |     		}
251 |     	}
252 |     }
253 |     });
254 |     
255 | }
256 | 
257 | </script>
258 | 
259 | 
260 |     </body>
261 | </html>


--------------------------------------------------------------------------------
/sme/sme_ms.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | 	require '../header.php';
  3 | 	if(empty($_GET['sub'])){
  4 | ?>
  5 | <script>history.go(-1);</script>
  6 | <?php } ?>
  7 | 	<style>
  8 | 		.papers-list-td-right{
  9 | 			width: 380px !important;
 10 | 		}
 11 | 	</style>
 12 | 	<script>
 13 | 	
 14 | 	function live(url){
 15 | 		window.open(url,"","top=100,left=300,width=800,height=1000");
 16 | 	}
 17 | 	
 18 | 	function download_list(){ //列表下载
 19 | 		var urls = $('#download_items').val(); //获取列表数据
 20 | 		if(urls == ''){ //为空则提示
 21 | 			alert('Can not download empty list');
 22 | 		}else{
 23 | 		$('#count_list_notice')[0].style.display = 'none';
 24 | 		toTop();
 25 | 		$('#dl')[0].innerHTML = '<button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;">Processing...</button><button class="uk-button uk-button-default" style="border-radius: 5px;margin-left: 0.5%;" onclick="location.reload();">Refresh</button>'; //修改按钮
 26 | 		$('#notice')[0].style.display = 'unset'; //显示提示
 27 | 		var url = urls.split(','); //半角逗号分隔字符串为数组
 28 | 		var idname = ''; //初始化idname
 29 | 		var num = 0; //初始化指针值
 30 | 		
 31 | 		var click = function(){
 32 | 			if(num == (url.length)){ //指针到达列表总数
 33 | 				window.clearInterval(interval); //清除interval
 34 | 			}else{
 35 | 				idname = '#' + url[num]; //补全idname
 36 | 				downloadFile($(idname).attr('href'));
 37 | 				num += 1; //累加指针
 38 | 			}
 39 | 		}
 40 | 		
 41 | 		window.interval = setInterval(click,3000); //设置interval
 42 | 	}
 43 | }
 44 | 	
 45 | 	function remove_items(id){ //删除列表指定id 值
 46 | 		var current = $('#download_items').val(); //获取当前列表值
 47 | 		var current = current.split(','); //分隔列表字符串为数组
 48 | 		current = $.grep(current, function(value) {
 49 | 			return value != id;
 50 | 		}); //获取删除值位置并删除
 51 | 		
 52 | 		var now_count = current.length;
 53 | 		if(now_count == 0){
 54 | 			$('#count_list_notice')[0].style.display = 'none';
 55 | 		}else{
 56 | 			$('#list_count')[0].innerHTML = now_count;
 57 | 		}
 58 | 		
 59 | 		var now = current.join(","); //数组转换回字符串
 60 | 		$('#download_items').val(now); //存入列表值
 61 | 		var change = '#btn'+id; //补全提示已修改的按钮id
 62 | 		$(change).attr('onclick', 'add_items('+ id +')'); //修改按钮onclick
 63 | 		$(change)[0].innerHTML = 'Add to List'; //修改按钮文本
 64 | 		$(change)[0].className = 'papers-list-td-btn1'; //修改按钮css
 65 | 		console.log($('#download_items').val()); //方便debug
 66 | 		
 67 | }
 68 | 	
 69 | 	function add_items(id){ //增加列表值
 70 | 		var current = $('#download_items').val(); //获取当前列表值
 71 | 		if(current == ''){ //若当前列表值为空
 72 | 			var now = id;
 73 | 			var change = '#btn'+id;
 74 | 			$('#download_items').val(now); //直接赋值给列表，不增加连接符
 75 | 			$(change).attr('onclick', 'remove_items('+ id +')');
 76 | 			$(change)[0].innerHTML = 'Remove from List';
 77 | 			$(change)[0].className = 'papers-list-td-btn1-change';
 78 | 			
 79 | 			$('#count_list_notice')[0].style.display = 'unset';
 80 | 			$('#list_count')[0].innerHTML = '1';
 81 | 		}else{
 82 | 			var now = current + ',' + id //否则增加连接符
 83 | 			var change = '#btn'+id;
 84 | 			$('#download_items').val(now);
 85 | 			$(change).attr('onclick', 'remove_items('+ id +')');
 86 | 			$(change)[0].innerHTML = 'Remove from List';
 87 | 			$(change)[0].className = 'papers-list-td-btn1-change';
 88 | 			
 89 | 			now = current.split(","); //分隔成数组获取个数
 90 | 			var now_count = now.length + 1;
 91 | 			$('#list_count')[0].innerHTML = now_count;
 92 | 		}
 93 | 		console.log($('#download_items').val());
 94 | }
 95 | 
 96 | 
 97 | /* UX 功能 */
 98 | function toTop(){
 99 | 	/*
100 | 		var gotoTop= function(){
101 | 		  var currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
102 | 		  currentPosition -= 50;
103 | 		  if (currentPosition > 0) {
104 | 			window.scrollTo(0, currentPosition);
105 | 		  }
106 | 		  else {
107 | 			window.scrollTo(0, 0);
108 | 			clearInterval(timer);
109 | 			timer = null;
110 | 		  }
111 | 		}
112 | 		var timer=setInterval(gotoTop,0.3);
113 | 		*/
114 | 	$('#top')[0].scrollIntoView();
115 | }
116 | 
117 | function toBottom(){
118 | 	$('#bottom')[0].scrollIntoView();
119 | }
120 | 
121 | /* 随浏览器变化而改变 */
122 | 
123 | function getScrollTop() {
124 | 	return scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
125 | }
126 | 
127 | window.onscroll = function () {
128 | 	if (getScrollTop() <= 400) {
129 | 		$('#to_top')[0].style.display = 'none';
130 | 		$('#to_bottom')[0].style.display = 'none';
131 | 		$('#sticky')[0].style.display = 'none';
132 | 	}else {
133 | 		$('#to_top')[0].style.display = 'unset';
134 | 		$('#to_bottom')[0].style.display = 'unset';
135 | 		$('#sticky')[0].style.display = 'unset';
136 | 		$('#update')[0].style.display = 'none';
137 | 	}
138 | }
139 | /* 结束随浏览器变化而改变 */
140 | 
141 | function dismiss(){
142 | 	$('#update')[0].style.display = 'none';
143 | }
144 | 
145 | 
146 | /* 结束 UX 功能 */
147 | 
148 | </script>
149 | 		
150 | 	
151 | 	<div class="papers-list-sticky" style="display:unset;width: 100%;border-radius: 0px;height: 40px;margin-left: 0px;text-align: center;z-index: 9998;padding-top: 15px;border-top: 2px solid #f0506e;" id="update"><p>We recommend using <b>Chrome</b> or some of the latest modern browsers for the best experience. <a href="https://www.google.cn/chrome/index.html" target="_blank">Click here to download Chrome</a>&nbsp;<a onclick="dismiss();" style="color: #f0506e;border: 1px solid #f0506e;padding: 4px 7px;border-radius: 4px;margin-left: 20px;"><svg width="19" height="19" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3.5px;margin-right: 2px;"> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,16 L4,4"></path> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,4 L4,16"></path></svg>Dismiss</a></p></div>
152 | 	
153 | 		
154 | 	<div class="papers-list-sticky" id="sticky">
155 | 		<div style="float: left;">
156 | 			<h3 style="margin-bottom: 0px;font-weight: 600;">Viewing</h3>
157 | 			<p style="margin: 0px;font-weight: 300;margin-top: -3px;text-transform:capitalize"><?php echo $_GET['sub']; ?></p></div><div style="float: right;padding-top: 10px;">
158 | 				<a onclick="download_all();" style="display: inline-block;">
159 | 					<button class="uk-button uk-button-primary" style="border-radius: 5px;padding: 0px 10px;">Download All</button>
160 | 				</a>
161 | 				<a onclick="download_list();" style="display: inline-block;width: 140px;">
162 | 					<button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;padding: 0px 10px;">Download List</button>
163 | 				</a>
164 | 		</div>
165 | 	</div>
166 | 	
167 | 	
168 | 	
169 | 	<div class="uk-container" style="margin-top: 6%;">
170 | 	<div class="sub-title-div" style="margin-bottom:60px;display: flex;" id="top">
171 | 	<div style="width: 73%;">
172 | 		<h1 class="sub-title-h1" style="text-transform:capitalize"><?php echo $_GET['sub']; ?><em style="font-size:1.5rem;color:#999;font-style:normal;font-weight:300;margin-left:15px">SaveMyExams</em></h1>
173 | 		<p class="sub-title-p">Made by Snapaper sourced from SaveMyExams</p>
174 | 	</div>
175 | 	<div style="text-align: right;padding-top: 40px;display: flex;width:27%">
176 | 	<div>
177 | 		<em class="back-btn" style="color: #999;">Restricted Area</em>
178 | 	</div>
179 | 	<div style="margin-left: 10px;">
180 | 		<a onclick="history.go(-1);">
181 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
182 | 		</a>
183 | 	</div>
184 | 	</div>
185 | 	
186 | 	</div>
187 | 	<div style="margin-top:2%">
188 | 
189 | 
190 | <div style="margin-bottom:10px" id="dl">
191 | 	<a onclick="download_all();">
192 | 		<button class="uk-button uk-button-primary" style="border-radius: 5px;">Download All</button>
193 | 	</a>
194 | 	<a onclick="download_list();">
195 | 		<button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;">Download List    </button>
196 | 	</a>
197 | 	<a href="https://www.savemyexams.co.uk/a-level" target="_blank">
198 | 		<button class="uk-button uk-button-secondary" style="border-radius: 5px;margin-left: 0.5%;">Question Papers</button>
199 | 	</a>
200 | </div>
201 | 
202 | 
203 | 
204 | <div id="notice" style="display: none">1. Do not leave this page, the download of these files will start automatically after <b>3 seconds</b>.<br/>2. You need to <b>manually refresh</b> this page before performing the next download.<br/>3. You need to set the file download path <b>in advance</b>, you will not have the opportunity to choose the download path during the download process.</div>
205 | 
206 | 
207 | 
208 | <div class="papers-list-list-notice uk-animation-slide-bottom-small" id="count_list_notice">
209 | 	<p><b id="list_count">0</b> Paper(s) in List</p>
210 | </div>
211 | 
212 | 
213 | 
214 | <table class="uk-table uk-table-hover uk-table-divider">
215 | 	<thead id="x">
216 | 		<tr>
217 | 			<th style="text-align:left">Paper Name</th>
218 | 			<th style="text-align:left">Options</th>
219 | 		</tr>
220 | 	</thead>
221 | 	<tbody>
222 | 		
223 | <script>
224 | 
225 | function downloadFile(srcUrl) {
226 | 	var $a = $("<a/>").attr("href", srcUrl).attr("download", "");
227 | 	$a[0].click();
228 | }
229 | 
230 | function download_all(){ //全部下载
231 | 		$('#count_list_notice')[0].style.display = 'none';
232 | 		toTop();
233 | 		$('#dl')[0].innerHTML = '<button class="uk-button uk-button-primary" style="border-radius: 5px;margin-left: 0.5%;">Processing...</button><button class="uk-button uk-button-default" style="border-radius: 5px;margin-left: 0.5%;" onclick="location.reload();">Refresh</button>'; //修改按钮
234 | 		$('#notice')[0].style.display = 'unset'; //显示提示
235 | 		var idname = ''; //初始化idname
236 | 		var num = 0; //初始化指针值
237 | 		var count = <?php echo count($user_data);?> //获取试卷总数
238 | 		
239 | 		var click = function(){
240 | 			if(num == count){ //指针到达总数
241 | 				window.clearInterval(interval); //清除interval
242 | 			}else{
243 | 				idname = '#' + num; //补全idname
244 | 				downloadFile($(idname).attr('href'));
245 | 				num += 1; //累加指针
246 | 			}
247 | 		}
248 | 		
249 | 		window.interval = setInterval(click,3000); //设置interval
250 | 	}
251 | 	
252 | var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
253 | if(isChrome){
254 | 	dismiss(); //chrome浏览器取消显示提示
255 | }
256 | </script>
257 | <?php
258 | $sub = $_GET['sub'];
259 | $hostdir = dirname(__FILE__).'/../content/'.$sub.'/'; //要读取的文件夹
260 | $url = '/content/'.$sub.'/'; //图片所存在的目录
261 | $filesnames = scandir($hostdir); //得到所有的文件
262 | $www = 'https://www.snapaper.com'; //域名
263 | $i = 0;
264 | 
265 | foreach ($filesnames as $name){
266 | 	++$i;
267 | 	if($i > 2){
268 | ?>
269 | 
270 | 		<tr>
271 | 			<td class="papers-list-td-left"><a href="https://www.snapaper.com/download?filename=<?php echo $www.$url.$name; ?>" id="<?php echo $i; ?>"><p><?php echo $name; ?></p></a></td>
272 | 			<td class="papers-list-td-right" style="width:530px !important">
273 | 				<p>
274 | 					<button class="papers-list-td-btn1" onclick="add_items(<?php echo $i; ?>)" id="btn<?php echo $i; ?>">Add to List</button>
275 | 					<button class="papers-list-td-btn2" onclick="downloadFile(`https://www.snapaper.com/download?filename=<?php echo $www.$url.$name; ?>`)">Download</button>
276 | 					<a onclick="live(`<?php echo $www.$url.$name; ?>`);"><button class="papers-list-td-btn3">LiveView</button></a>
277 | 					<button class="papers-list-td-btn2" style="color: #777;" uk-tooltip="title: <b>Notice</b><br/>Downloading and sharing this document will be considered an infringement of intellectual property rights; pos: top">Notice</button>
278 | 				</p>
279 | 			</td>
280 | 		</tr>
281 | 	
282 | 
283 | 	
284 | <?php }} ?>
285 | </tbody>
286 | </table>
287 | 
288 | <div class="uk-placeholder uk-text-center" id="bottom">Resources from savemyexams are not open to the public, storing and sharing of these resources is illegal</div>
289 | 
290 | <input type="hidden" id="download_items">
291 | 
292 | <!-- 底部按钮 -->
293 | <a class="papers-list-to-top uk-animation-slide-right-small" id="to_top" onclick="toTop();">
294 | 	<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13"></polyline></svg>
295 | </a>
296 | <a class="papers-list-to-top uk-animation-slide-right-small" style="bottom: 92px;" id="to_bottom" onclick="toBottom();">
297 | 	<svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg>
298 | </a>
299 | 
300 | 
301 | 	</div>
302 | </div>
303 | 	</body>
304 | </html>


--------------------------------------------------------------------------------
/old/paper_old.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | //Composer 依赖
  3 | require 'vendor/autoload.php';
  4 | use QL\QueryList;
  5 | 
  6 | /* 获取服务器源 */
  7 | $com0 = 'https://papers.gceguide.com';
  8 | $xyz1 = 'https://papers.gceguide.xyz';
  9 | $xtr4 = 'https://xtremepapers.xyz';
 10 | if(!isset($_COOKIE['snapaper_server'])){
 11 |     $source = $com0;
 12 | }else{
 13 | 	$source = $_COOKIE['snapaper_server'];
 14 | 	if($source == 0){
 15 |     	$source = $com0;
 16 | 	}elseif($source == 1){
 17 | 		$source = $xyz1;
 18 | 	}elseif($source == 4){
 19 | 		$source = $xtr4;
 20 | 	}else{
 21 | 		$source = $com0;
 22 | 	}
 23 | }
 24 | /* 结束获取服务器源 */
 25 | 
 26 | 
 27 | //获取学科代号(确定试卷代码)
 28 | function get_sub_num($str){
 29 |     $result = array();
 30 |     preg_match_all("/([^(]+)$/",$str, $result); //匹配最后一个前括号，获取之后的内容
 31 |     return rtrim($result[1][0], ")"); //删除最后一个后括号
 32 | }
 33 | 
 34 | /* Xtremepapers
 35 |  * 下载时需使用urlencode
 36 |  * 浏览时需使用原链接
 37 |  * 读取数据时需使用特殊格式的url(使用字符串替换)
 38 |  * 真是个磨人的小妖精
 39 |  */
 40 | 
 41 | //判断参数是否输入
 42 | if( !empty($_GET['cate']) && !empty($_GET['sub']) ) {
 43 |     
 44 |     $cate = $_GET['cate'];
 45 |     $sub = $_GET['sub'];
 46 |     
 47 |     if($cate == 'A Levels' && $sub == 'Business Studies (9707)'){
 48 |         $url = $com0.'/A%20Levels/Business%20Studies%20%20(9707)';//生成商业查询页面(下方格式爬取失败)
 49 |     }elseif($cate == 'A Levels' && $sub == 'English - Language AS and A Level (9093)'){
 50 |         $url = $com0.'/A%20Levels/English%20-%20Language%20AS%20and%20A%20Level%20%20(9093)/';//生成商业查询页面(下方格式爬取失败)
 51 |     }else{
 52 |         $url = $source.'/'.$cate.'/'.$sub;//生成查询页面
 53 |     }
 54 |     
 55 |     
 56 |     if($source == $xtr4){ //xtremepapers生成查询数据
 57 |         	$find = array(' ','&');
 58 |         	$replace = array('%2520','%2526');
 59 |         	$cate = str_replace($find,$replace,$cate);
 60 |         	$find = array(' ','(',')');
 61 |             $replace = array('%2520','%2528','%2529');
 62 |             $sub = str_replace($find,$replace,$sub);
 63 |         $url = 'https://xtremepapers.xyz/papers/'.$cate.'/'.$sub.'/';//生成查询页面
 64 |         $html = file_get_contents($url);
 65 |     	$data = QueryList::html($html)->rules([
 66 |     	'name' => ['.autoindex_td>a','text'],
 67 |     	'url' => ['.autoindex_td>a','href']
 68 |     	])->query()->getData();
 69 |     	$user_data = $data->all(); //获取查询数据
 70 |     }else{ //GCEGuide生成查询数据
 71 |     	$html = file_get_contents($url);
 72 |     	$data = QueryList::html($html)->rules([
 73 |     	'name' => ['tr>td>a','text'],
 74 |     	'url' => ['tr>td>a','href']
 75 |     	])->query()->getData();
 76 |     	$user_data = $data->all(); //获取查询数据
 77 |     }
 78 | ?>
 79 | 
 80 | 
 81 | <?php require 'header.php'; ?>
 82 | 
 83 |         
 84 |     
 85 |     <div class="papers-list-sticky" style="display:unset;width: 100%;border-radius: 0px;height: 40px;margin-left: 0px;text-align: center;z-index: 9998;padding-top: 15px;border-top: 2px solid #f0506e;" id="update"><p>We recommend using <b>Chrome</b> or some of the latest modern browsers for the best experience. <a href="https://www.google.cn/chrome/index.html" target="_blank">Click here to download Chrome</a>&nbsp;<a onclick="dismiss();" style="color: #f0506e;border: 1px solid #f0506e;padding: 4px 7px;border-radius: 4px;margin-left: 20px;"><svg width="19" height="19" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3.5px;margin-right: 2px;"> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,16 L4,4"></path> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,4 L4,16"></path></svg>Dismiss</a></p></div>
 86 |     
 87 |         
 88 |     <div class="papers-list-sticky" id="sticky">
 89 |         <div style="float: left;">
 90 |             <h3 style="margin-bottom: 0px;font-weight: 600;">Viewing</h3>
 91 |             <p style="margin: 0px;font-weight: 300;margin-top: -3px;"><?php echo urldecode($_GET['sub']); ?></p></div><div style="float: right;padding-top: 10px;">
 92 |                 <a onclick="download_all();" style="display: inline-block;">
 93 |                     <button class="uk-button uk-button-primary" style="border-radius: 5px;padding: 0px 15px;line-height: 35px;background-color: #0084FF;">Download All</button>
 94 |                 </a>
 95 |                 <a onclick="download_list();" style="display: inline-block;width: 140px;">
 96 |                     <button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;padding: 0px 10px;line-height: 35px;background: transparent;color: #0084FF;border: 1px solid #0084FF;">Download List</button>
 97 |                 </a>
 98 |         </div>
 99 |     </div>
100 |     
101 |     
102 |     
103 |     <div class="uk-container" style="margin-top: 6%;">
104 |     <div class="sub-title-div" style="margin-bottom:60px;display: flex;" id="top">
105 |     <div style="width: 73%;">
106 |     	<?php if($source == $xtr4){ //xtremepapers时cate与sub格式不同,需要urldecode ?>
107 |         <h1 class="sub-title-h1">
108 |         	<b style="font-size: 2rem;font-weight: 300;color: #888;"><?php echo $_GET['cate']; ?></b>
109 |         	<br/><?php echo urldecode($_GET['sub']); ?>
110 |         </h1>
111 |         <?php }else{ ?>
112 |         <h1 class="sub-title-h1"><?php echo $_GET['cate']; ?> | <?php echo $_GET['sub']; ?></h1>
113 |         <?php } ?>
114 |     	<p class="sub-title-p">Made by Snapaper sourced from GCE Guide/Xtremepapers</p>
115 |     </div>
116 |     <div style="text-align: right;padding-top: 40px;display: flex;width:27%">
117 |     <div>
118 |     	<em class="back-btn" style="color: #999;"><?php echo count($user_data) - 1; ?> Papers</em>
119 | 	</div>
120 | 	<div style="margin-left: 10px;">
121 | 		<a onclick="history.go(-1);">
122 | 			<em class="back-btn" style="color: #1e87f0;">← Back</em>
123 | 		</a>
124 | 	</div>
125 |     </div>
126 |     
127 |     </div>
128 |     <div style="margin-top:2%">
129 | 
130 | <script src="ux.js"></script>
131 | 
132 | <div style="margin-bottom:10px" id="dl">
133 |     <a onclick="download_all();">
134 |         <button class="uk-button uk-button-primary" style="border-radius: 5px;">Download All</button>
135 |     </a>
136 |     <a onclick="download_list();">
137 |         <button class="uk-button uk-button-danger" style="border-radius: 5px;margin-left: 0.5%;">Download List    </button>
138 |     </a>
139 | </div>
140 | 
141 | 
142 | 
143 | <div id="notice" style="display: none">1. Do not leave this page, the download of these files will start automatically after <b>3 seconds</b>.<br/>2. You need to <b>manually refresh</b> this page before performing the next download.<br/>3. You need to set the file download path <b>in advance</b>, you will not have the opportunity to choose the download path during the download process.</div>
144 | 
145 | 
146 | 
147 | <div class="papers-list-list-notice uk-animation-slide-bottom-small" id="count_list_notice">
148 |     <p><b id="list_count">0</b> Paper(s) in List</p>
149 | </div>
150 | 
151 | 
152 | 
153 | <table class="uk-table uk-table-hover uk-table-divider">
154 |     <thead id="x">
155 |         <tr>
156 |             <th style="text-align:left">Paper Name</th>
157 |             <th style="text-align:left">Options</th>
158 |         </tr>
159 |     </thead>
160 |     <tbody>
161 | <script>
162 | 
163 | function downloadFile(srcUrl) {
164 |     var $a = $("<a/>").attr("href", srcUrl).attr("download", "");
165 |     $a[0].click();
166 | }
167 | 
168 | function download_all(){ //全部下载
169 |         $('#count_list_notice')[0].style.display = 'none';
170 |         toTop();
171 |         $('#dl')[0].innerHTML = '<button class="uk-button uk-button-primary" style="border-radius: 5px;margin-left: 0.5%;">Processing...</button><button class="uk-button uk-button-default" style="border-radius: 5px;margin-left: 0.5%;" onclick="location.reload();">Refresh</button>'; //修改按钮
172 |         $('#notice')[0].style.display = 'unset'; //显示提示
173 |         var idname = ''; //初始化idname
174 |         var num = 0; //初始化指针值
175 |         var count = <?php echo count($user_data);?> //获取试卷总数
176 |         
177 |         var click = function(){
178 |             if(num == count){ //指针到达总数
179 |                 window.clearInterval(interval); //清除interval
180 |             }else{
181 |                 idname = '#' + num; //补全idname
182 |                 downloadFile($(idname).attr('href'));
183 |                 num += 1; //累加指针
184 |             }
185 |         }
186 |         
187 |         window.interval = setInterval(click,3000); //设置interval
188 |     }
189 |     
190 | function live(url){
191 | 		window.open(url,'_blank',"top=0,left=100,width=700,height=750").location;
192 | }
193 | </script>
194 | 
195 | 
196 | <?php
197 |     if(!empty($user_data)){ //开始读取数据
198 |     for($i=0;$i<count($user_data);$i++){ //循环获取数据
199 | 		if($user_data[$i]['name'] != 'error_log' && $user_data[$i]['name'] != '
200 | Parent Directory'){ //排除一些特殊名称的试卷
201 | 			if($_COOKIE['snapaper_server'] == 4){ //xtremepapers时列表项不同 ?>
202 | 				
203 | 				
204 | 		<tr>
205 |             <td class="papers-list-td-left">
206 |             	<a href="download?filename=<?php echo 'https://xtremepapers.xyz'.urlencode($user_data[$i]['url']); ?>" id="<?php echo $i; ?>">
207 |             		<p>
208 |             			<?php if(strpos($user_data[$i]['name'],'pdf')!==false){ ?>
209 |             				<em class="file-pdf-btn">PDF</em>
210 |             			<?php }elseif(strpos($user_data[$i]['name'],'mp3')!==false){?>
211 |             				<em class="file-mp3-btn">MP3</em>
212 |             			<?php } ?>
213 |             			<?php echo $user_data[$i]['name']; ?>
214 |             		</p>
215 |             	</a>
216 |             </td>
217 | 			<td class="papers-list-td-right">
218 | 				<p>
219 | 					<button class="papers-list-td-btn1" onclick="add_items(<?php echo $i; ?>)" id="btn<?php echo $i; ?>">Add to List</button>
220 | 					<button class="papers-list-td-btn2" onclick="downloadFile('download?filename=<?php echo 'https://xtremepapers.xyz'.urlencode($user_data[$i]['url']); ?>')">Download</button>
221 | 					<a onclick="live('<?php echo 'https://xtremepapers.xyz'.$user_data[$i]['url']; ?>');"><button class="papers-list-td-btn3">LiveView</button></a>
222 |                     <?php if(strpos($user_data[$i]['name'],'qp')!==false && strpos($user_data[$i]['name'],'2_2')==false){ //判断ms或qp?>
223 |                     	<a onclick="live('<?php echo 'https://xtremepapers.xyz'.strtr($user_data[$i]['url'],array('qp'=>'ms')); ?>');"><button class="papers-list-td-btn2" style="color: #fbbd01;">Mark Scheme</button></a>
224 |                     <?php }elseif(strpos($user_data[$i]['name'],'ms')!==false && strpos($user_data[$i]['name'],'+')==false && strpos($user_data[$i]['name'],'2_2')==false){ ?>
225 |                     	<a onclick="live('<?php echo 'https://xtremepapers.xyz'.strtr($user_data[$i]['url'],array('qp'=>'ms')); ?>');"><button class="papers-list-td-btn2" style="color: #6d3cbd;letter-spacing: -1.4px;">Question Paper</button></a>
226 |                     <?php }else{ ?>
227 |                     	<button class="papers-list-td-btn2" style="color: #999;letter-spacing: 1.1px;">© Snapaper</button>
228 |                     <?php } ?>
229 |                 </p>
230 |             </td>
231 |         </tr>
232 |         
233 |         
234 | <?php		}else{ //GCEGuide 时
235 | 	
236 | 				if($_COOKIE['snapaper_server'] == 0 || !isset($_COOKIE['snapaper_server'])){
237 |     				//GCEGuide服务器不同时的试卷链接格式不同
238 |     				$link = '/'; //.com 时
239 |     			}else{
240 |     				$link = ''; //.xyz 时
241 |     				$url = $source;
242 |     			}
243 |     			
244 | ?>
245 |         <tr>
246 |             <td class="papers-list-td-left"><a href="download?filename=<?php echo $url.$link.$user_data[$i]['url']; ?>" id="<?php echo $i; ?>"><p><?php echo $user_data[$i]['name']; ?></p></a></td>
247 |             <td class="papers-list-td-right">
248 |                 <p>
249 |                     <button class="papers-list-td-btn1" onclick="add_items(<?php echo $i; ?>)" id="btn<?php echo $i; ?>">Add to List</button>
250 |                     <button class="papers-list-td-btn2" onclick="downloadFile('download?filename=<?php echo $url.$link.$user_data[$i]['url']; ?>')">Download</button>
251 |                     <a onclick="live('<?php echo $url.$link.$user_data[$i]['url']; ?>');"><button class="papers-list-td-btn3">LiveView</button></a>
252 |                     <?php if(strpos($user_data[$i]['name'],'qp')!==false && strpos($user_data[$i]['name'],'2_2')==false){ //判断ms或qp?>
253 |                     	<a onclick="live('<?php echo $url.$link.strtr($user_data[$i]['url'],array('qp'=>'ms')); ?>');"><button class="papers-list-td-btn2" style="color: #fbbd01;">Mark Scheme</button></a>
254 |                     <?php }elseif(strpos($user_data[$i]['name'],'ms')!==false && strpos($user_data[$i]['name'],'+')==false && strpos($user_data[$i]['name'],'2_2')==false){ ?>
255 |                     	<a onclick="live('<?php echo $url.$link.strtr($user_data[$i]['url'],array('ms'=>'qp')); ?>');"><button class="papers-list-td-btn2" style="color: #6d3cbd;letter-spacing: -1.4px;">Question Paper</button></a>
256 |                     <?php }else{ ?>
257 |                     	<button class="papers-list-td-btn2" style="color: #777;letter-spacing: 1.1px;">© Snapaper</button>
258 |                     <?php } ?>
259 |                 </p>
260 |             </td>
261 |         </tr>
262 |     
263 | 
264 |     
265 | <?php }}}?>
266 | 
267 | <?php } ?>
268 | </tbody>
269 | </table>
270 | 
271 | <div class="uk-placeholder uk-text-center" id="bottom">Paper resources are from GCE Guide/Xtremepapers, no one has the right to change and share them</div>
272 | 
273 | <input type="hidden" id="download_items">
274 | 
275 | <!-- 底部按钮 -->
276 | <a class="papers-list-to-top uk-animation-slide-right-small" id="to_top" onclick="toTop();">
277 |     <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13"></polyline></svg>
278 | </a>
279 | <a class="papers-list-to-top uk-animation-slide-right-small" style="bottom: 92px;" id="to_bottom" onclick="toBottom();">
280 |     <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg>
281 | </a>
282 | 
283 | 
284 | 
285 | <?php } ?>
286 | 
287 |     </div>
288 | </div>
289 | 
290 | <script>
291 | 	//判断是否为Chrome,删除提示
292 | var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
293 | if(isChrome){
294 |     dismiss(); //chrome浏览器取消显示提示
295 | }
296 | </script>
297 |     </body>
298 | </html>


--------------------------------------------------------------------------------
/paper.php:
--------------------------------------------------------------------------------
  1 | <?php require 'header.php'; ?>
  2 | <div id="view">
  3 |         
  4 |     <?php if(!$is_wap){ ?>
  5 |     <div class="papers-list-sticky" style="display:unset;width: 100%;border-radius: 0px;height: 40px;margin-left: 0px;text-align: center;z-index: 9998;padding-top: 15px;border-top: 2px solid #f0506e;" id="update"><p>We recommend using <b>Chrome</b> or some of the latest modern browsers for the best experience. <a href="https://www.google.cn/chrome/index.html" target="_blank">Click here to download Chrome</a>&nbsp;<a onclick="dismiss();" style="color: #f0506e;border: 1px solid #f0506e;padding: 4px 7px;border-radius: 4px;margin-left: 20px;"><svg width="19" height="19" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="margin-top: -3.5px;margin-right: 2px;"> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,16 L4,4"></path> <path fill="none" stroke="#f0506e" stroke-width="2" d="M16,4 L4,16"></path></svg>Dismiss</a></p></div>
  6 |     
  7 |     
  8 | <div id="sticky" class="papers-list-sticky" style="padding:0px;margin-left:0px;width:100%;margin-top: 3px;">
  9 |     <div class="uk-container" style="display: flex;">
 10 |         <div style="flex-basis: 50%;">
 11 |             <h3 style="margin-bottom: 0px; font-weight: 600;">Viewing</h3> 
 12 |             <p style="margin: -3px 0px 0px; font-weight: 300;">{{ sub }}</p>
 13 |         </div>
 14 |         <div style="padding-top: 10px;flex-basis: 50%;text-align: right;">
 15 |             <a onclick="download_all();" style="display: inline-block;">
 16 |                 <button class="uk-button uk-button-primary" style="border-radius: 5px; padding: 0px 15px; line-height: 35px; background-color: rgb(0, 132, 255);">Download All</button>
 17 |             </a>
 18 |             <a onclick="download_list();" style="display: inline-block; width: 140px;">
 19 |                 <button class="uk-button uk-button-danger" style="border-radius: 5px; margin-left: 0.5%; padding: 0px 10px; line-height: 35px; background: transparent; color: rgb(0, 132, 255); border: 1px solid rgb(0, 132, 255);">Download List</button>
 20 |             </a>
 21 |         </div>
 22 |     </div>
 23 | </div>
 24 |     <?php } ?>
 25 |     
 26 |     
 27 |     <div v-if="loading" class="uk-container wap-index" style="margin-top: 9%;"><div id=top class=sub-title-div style="margin-bottom: 60px; display: flex;"><div style="width: 73%;"><h1 class="sub-title-h1 loading-line" style="     width: 60%;     height: 50px;     background: #e1e2e3; "></h1><p class="sub-title-p loading-line" style="     background: #e7e8e9;     margin-top: 10px;     width: 80%;     height: 25px; "></p></div><div style="text-align: right; padding-top: 40px; display: flex; width: 27%;"><div><em class="back-btn loading-line" style="color: rgb(153, 153, 153);padding-left: 70px;"></em></div><div style="margin-left: 10px;"><a><em class="back-btn loading-line" style="color: rgb(30, 135, 240);padding-left: 70px;"></em></a></div></div></div><div style="margin-top: 2%;"><div id=dl style="margin-bottom: 10px;"><a><button class="uk-button uk-button-primary loading-line" style="border-radius: 5px;width: 16%;height: 40px;background: #eee;"></button></a><a><button class="uk-button uk-button-danger loading-line" style="border-radius: 5px;margin-left: 0.5%;width: 16%;height: 40px;background: #eee;"></button></a></div><div style="     margin-top: 60px; "><div class="loading-line" style="     width: 100%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; "></div><div class="loading-line" style="     width: 90%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; "></div><div style="     width: 80%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; " class="loading-line"></div><div class="loading-line" style="     width: 90%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; "></div><div style="     width: 90%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; " class="loading-line"></div><div style="     width: 100%;     height: 40px;     background: #f1f2f3;     margin-bottom: 20px; " class="loading-line"></div></div></div></div>
 28 |     
 29 |     
 30 |     
 31 |     <div :class="container" style="margin-top: 9%;opacity:0;" v-if="loading_view">
 32 |     <div class="sub-title-div" style="margin-bottom:40px;display: flex;" id="top">
 33 |     <div class="cate-left">
 34 |         <h1 class="sub-title-h1">{{ sub }}</h1>
 35 | 		<div class="next-cate-info">
 36 | 			<div>
 37 |         		<h3>Cate</h3>
 38 |         		<p>{{ cate }}</p>
 39 |     		</div>
 40 |     		<div>
 41 |         		<h3>Source</h3>
 42 |         		<p><img src="https://static.ouorz.com/logo_gceguide.png">GCE Guide</p>
 43 |     		</div>
 44 |     		<div>
 45 |          		<h3>Board</h3>
 46 |         		<p><img src="https://static.ouorz.com/QQ20200114-203749@2x.png">CAIE</p>
 47 |     		</div>
 48 | 		</div>
 49 |     </div>
 50 |     
 51 |     <div class="cate-right">
 52 |     <div>
 53 |     	<em class="back-btn" style="color: #fff;">{{ count }} Papers</em>
 54 | 	</div>
 55 | 	<div style="margin-left: 10px;">
 56 | 		<a onclick="history.go(-1);">
 57 | 			<em class="back-btn" style="background: #1e87f0;color: #fff;">← Back</em>
 58 | 		</a>
 59 | 	</div>
 60 |     </div>
 61 |     
 62 |     </div>
 63 |     <div style="margin-top:2%">
 64 | 
 65 | <script src="ux.js"></script>
 66 | 
 67 | <div style="margin-bottom:10px" id="dl">
 68 |     <a onclick="download_all();">
 69 |         <button class="uk-button uk-button-default next-paper-d1">Download All</button>
 70 |     </a>
 71 |     <a onclick="download_list();">
 72 |         <button class="uk-button uk-button-default next-paper-d2">Download List</button>
 73 |     </a>
 74 |     <a @click="set_download">
 75 |         <button class="uk-button uk-button-default next-paper-d3">Download Mode</button>
 76 |     </a>
 77 | </div>
 78 | 
 79 | 
 80 | <div id="notice" style="display: none">1. Do not leave this page, the download of these files will start automatically after <b>3 seconds</b>.<br/>2. You need to <b>manually refresh</b> this page before performing the next download.<br/>3. You need to set the file download path <b>in advance</b>, you will not have the opportunity to choose the download path during the download process.</div>
 81 | 
 82 | 
 83 | 
 84 | <div class="papers-list-list-notice uk-animation-slide-bottom-small" id="count_list_notice">
 85 |     <p><b id="list_count">0</b> Paper(s) in List</p>
 86 | </div>
 87 | 
 88 | 
 89 | 
 90 | <table class="uk-table uk-table-hover uk-table-divider">
 91 |     <thead id="x">
 92 |         <tr>
 93 |             <th style="text-align:left">Paper Name</th>
 94 |             <th style="text-allign:left" class="wap-op">Options</th>
 95 |         </tr>
 96 |     </thead>
 97 |     <tbody>
 98 | <script>
 99 | 
100 | function downloadFile(srcUrl) {
101 |     var $a = $("<a/>").attr("href", srcUrl).attr("download", "");
102 |     $a[0].click();
103 | }
104 | 
105 | function download_all(){ //全部下载
106 |         $('#count_list_notice')[0].style.display = 'none';
107 |         toTop();
108 |         $('#dl')[0].innerHTML = '<button class="uk-button uk-button-primary" style="border-radius: 5px;margin-left: 0.5%;">Processing...</button><button class="uk-button uk-button-default" style="border-radius: 5px;margin-left: 0.5%;" onclick="location.reload();">Complete</button>'; //修改按钮
109 |         $('#notice')[0].style.display = 'unset'; //显示提示
110 |         var idname = ''; //初始化idname
111 |         var num = 0; //初始化指针值
112 |         var count = this.count; //获取试卷总数
113 |         
114 |         var click = function(){
115 |             if(num == count){ //指针到达总数
116 |                 window.clearInterval(interval); //清除interval
117 |             }else{
118 |                 idname = '#' + num; //补全idname
119 |                 downloadFile($(idname).attr('href'));
120 |                 num += 1; //累加指针
121 |             }
122 |         }
123 |         
124 |         window.interval = setInterval(click,3000); //设置interval
125 |     }
126 |     
127 | function live(url){
128 | 		window.open(url,'_blank',"top=0,left=100,width=700,height=750,scrollbars=no,toolbar=no, menubar=no, location=no, status=no").location;
129 | }
130 | </script>
131 | 
132 | 
133 |         <tr v-for="(paper,index) in papers">
134 |         	<template v-if="!!paper.name && paper.name !== 'error_log'">
135 |             <td class="papers-list-td-left"><a :href="list_a(paper.url)" :id="index"><p>{{ paper.name }}</p></a></td>
136 |             <td class="papers-list-td-right">
137 |                 <p>
138 |                     <button class="papers-list-td-btn1" :onclick="'add_items('+index+')'" :id="'btn'+index">Add to List</button>
139 |                     <button class="papers-list-td-btn2" @click="download_btn(paper.url)">Download</button>
140 |                     <a @click="live_btn(paper.url)"><button class="papers-list-td-btn3">LiveView</button></a>
141 |                     <a v-if="qp(paper.name)" @click="mark_btn(paper.url)"><button class="papers-list-td-btn2" style="color: #fbbd01;">Mark Scheme</button></a>
142 |         			<a v-else-if="ms(paper.name)" @click="qp_btn(paper.url)"><button class="papers-list-td-btn2" style="color: #6d3cbd;letter-spacing: -1.4px;">Question Paper</button></a>
143 |         			<button v-else class="papers-list-td-btn2" style="color: #999;letter-spacing: 1.1px;">© Snapaper</button>
144 |                 </p>
145 |             </td>
146 |             </template>
147 |         </tr>
148 |     
149 | </tbody>
150 | </table>
151 | 
152 | <div class="uk-placeholder uk-text-center" id="bottom">Paper resources are from GCE Guide, no one has the right to change and share them</div>
153 | 
154 | <input type="hidden" id="download_items">
155 | 
156 |     </div>
157 | </div>
158 | 
159 | </div>
160 | <script>
161 | <?php if(!$is_wap){ ?>
162 | 	//判断是否为Chrome,删除提示
163 | var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
164 | if(isChrome){
165 |     dismiss(); //chrome浏览器取消显示提示
166 | }
167 | <?php } ?>
168 | 
169 | $.extend({
170 |   getUrlVars: function(){
171 |     var vars = [], hash;
172 |     var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
173 |     for(var i = 0; i < hashes.length; i++)
174 |     {
175 |       hash = hashes[i].split('=');
176 |       vars.push(hash[0]);
177 |       vars[hash[0]] = hash[1];
178 |     }
179 |     return vars;
180 |   },
181 |   getUrlVar: function(name){
182 |     return $.getUrlVars()[name];
183 |   }
184 | });
185 | 
186 | var open_search = function(){
187 | 	$('#search_div').css({'opacity':'1','z-index':'9999999'});
188 | }
189 | 
190 | var close_search = function(){
191 | 	$('#search_div').css({'opacity':'0','z-index':'-100'});
192 | }
193 | 
194 | 
195 | </script>
196 | 
197 | <script>
198 | 
199 | /* var search = new FlexSearch({
200 | 	encode: "icase",
201 |     tokenize: "full"
202 | });
203 | */
204 | 
205 | var dmode = 1; //下载方式
206 | var cate_get = decodeURIComponent($.getUrlVar('cate'));
207 | var sub_get = decodeURIComponent($.getUrlVar('sub'));
208 | 
209 | var get_papers = new Vue({
210 |     el: '#view',
211 |     data: {
212 |         papers: null,
213 |         cate: cate_get,
214 |         sub: sub_get,
215 |         loading_view: 0,
216 |         loading: 1,
217 |         count: 0,
218 |         <?php if($_COOKIE['snapaper_server'] == 0 || !isset($_COOKIE['snapaper_server'])){ ?>
219 |     	link: 0,
220 |     	<?php }else{ ?>
221 |     	link: 1,
222 |     	<?php } ?>
223 |     	container : 'uk-container none_container wap-index',
224 |     	searched : [],
225 |     	search_key : null
226 |     },
227 |     mounted() {
228 |         axios.get('<?php echo 'https://www.snapaper.com/vue/papers'.'?'.$_SERVER['QUERY_STRING']; ?>')
229 |         .then(response => {
230 |             this.papers = response.data;
231 |             this.count = response.data.count;
232 |         }).then(()=>{
233 |         	this.loading = false;
234 |             this.loading_view = true;
235 |             this.container = 'uk-container display-container wap-index';
236 |             /* for(var i_k=0;i_k<this.count;i_k++){
237 |     			search.add(i_k,this.papers[i_k].name);
238 |     		} */
239 |         })
240 |     },
241 |     methods: {
242 |     	qp: function(name){
243 |     		if(!!name && name.toString().indexOf('qp') > -1 && name.toString().indexOf('2_2') <= -1){
244 |     			return true;
245 |     		}else{
246 |     			return false;
247 |     		}
248 |     	},
249 |     	ms: function(name){
250 |     		if(!!name && name.toString().indexOf('ms') > -1 && name.toString().indexOf('2_2') <= -1 && name.toString().indexOf('+') <= -1){
251 |     			return true;
252 |     		}else{
253 |     			return false;
254 |     		}
255 |     	},
256 |     	download_btn : function(name){
257 |     		this.link ? downloadFile('download?filename=https://papers.gceguide.xyz' + name) : downloadFile('download?filename=https://papers.gceguide.com/' + this.cate + '/' + this.sub + '/' + name)
258 |     	},
259 |     	live_btn : function(name){
260 |     		this.link ? live('https://papers.gceguide.xyz' + name) : live('https://papers.gceguide.com/'+ this.cate + '/' + this.sub + '/' + name)
261 |     	},
262 |     	mark_btn : function(name){
263 |     		this.link ? live('https://papers.gceguide.xyz' + name.replace('qp','ms')) : live('https://papers.gceguide.com/'+ this.cate + '/' + this.sub + '/' + name.replace('qp','ms'));
264 |     	},
265 |     	qp_btn : function(name){
266 |     		this.link ? live('https://papers.gceguide.xyz' + name.replace('ms','qp')) : live('https://papers.gceguide.com/'+ this.cate + '/' + this.sub + '/' + name.replace('ms','qp'));
267 |     	},
268 |     	list_a: function(name){
269 |     		return this.link ? 'download?filename=https://papers.gceguide.xyz' + name : 'download?filename=https://papers.gceguide.com/' + this.cate + '/' + this.sub + '/' + name
270 |     	},
271 |     	search_btn : function(){
272 |     		this.searched = search.search(this.search_key);
273 |     	},
274 |     	set_download : function(){
275 |     		swal("Download Mode","Please select a download mode \n\n Mode 1 for Download Selected Only \n Mode 2 for Download QP+MS at a time", {
276 |   buttons: {
277 |     cancel: "Cancel",
278 |     mode1: {
279 |       text: "Mode1",
280 |       value: "mode1",
281 |     },
282 |     mode2: {
283 |       text: "Mode2",
284 |       value: "mode2",
285 |     },
286 |   },
287 | })
288 | .then((value) => {
289 |   switch (value) {
290 |   	
291 |     case "mode1":
292 |       dmode = 1;
293 |       swal("Success","","success");
294 |       break;
295 |  
296 |     case "mode2":
297 |       dmode = 2;
298 |       swal("Success","","success");
299 |   }
300 | });
301 |     	}
302 |     }
303 |     });
304 |     
305 | 
306 | </script>
307 |     </body>
308 | </html>


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
   1 | body a{
   2 |     text-decoration: none !important;
   3 | }
   4 | 
   5 | .index-title{
   6 |     margin-bottom: 0px;
   7 |     font-size: 5.3rem;
   8 |     font-weight: 600;
   9 |     width: 95%;
  10 |     white-space: nowrap;
  11 |     text-overflow: ellipsis;
  12 |     overflow: hidden;
  13 | }
  14 | 
  15 | .index-title em{
  16 |     font-size: 2rem;
  17 |     font-style: normal;
  18 |     color: #777;
  19 |     letter-spacing: 2px;
  20 |     font-weight: 300;
  21 |     margin-left: 20px;
  22 | }
  23 | 
  24 | .index-title-p{
  25 |     margin-top: 10px;
  26 |     font-size: 1.2rem;
  27 |     font-weight: 100;
  28 |     letter-spacing: 1px;
  29 |     margin-left: 5px;
  30 | }
  31 | 
  32 | .index-cate-card{
  33 |     width: 97%;
  34 |     margin-left: 2%;
  35 |     padding: 40px 30px;
  36 |     display: inline-block;
  37 |     border-top: 4px solid #5cdbd3;
  38 |     border-radius: 5px;
  39 |     transition: all .3s;
  40 |     margin-bottom: 10%;
  41 | }
  42 | 
  43 | .index-cate-card:nth-child(3n - 2){
  44 |     margin-left: 0px !important;
  45 | }
  46 | 
  47 | .index-cate-card:nth-child(odd){
  48 |     border-top: 4px solid #ff7a45;
  49 | }
  50 | 
  51 | .index-cate-card:nth-child(3n){
  52 |     margin-left: 3.6%;
  53 | }
  54 | 
  55 | .index-cate-card:nth-child(even){
  56 |     border-top: 4px solid #5cdbd3;
  57 | }
  58 | 
  59 | .index-cate-card a{
  60 |     text-decoration: none;
  61 |     transition: all .3s;
  62 | }
  63 | 
  64 | .index-cate-card:hover{
  65 |     transform: translateY(-5px);
  66 | }
  67 | 
  68 | 
  69 | .index-card{
  70 |     width: 31%;
  71 |     margin-left: 2%;
  72 |     padding: 40px 30px;
  73 |     display: inline-block;
  74 |     border-top: 4px solid #5cdbd3;
  75 |     border-radius: 5px;
  76 |     transition: all .3s;
  77 |     margin-bottom: 3%;
  78 | }
  79 | 
  80 | .index-card:nth-child(3n - 2){
  81 |     margin-left: 0px !important;
  82 | }
  83 | 
  84 | .index-card:nth-child(odd){
  85 |     border-top: 4px solid #ff7a45;
  86 | }
  87 | 
  88 | .index-card:nth-child(even){
  89 |     border-top: 4px solid #5cdbd3;
  90 | }
  91 | 
  92 | .index-card a{
  93 |     text-decoration: none;
  94 |     transition: all .3s;
  95 | }
  96 | 
  97 | .index-card:hover{
  98 |     transform: translateY(-5px);
  99 | }
 100 | 
 101 | 
 102 | 
 103 | 
 104 | .index-cate-h3{
 105 |     font-weight: 600;
 106 |     font-size: 2rem;
 107 |     margin-bottom: 0px;
 108 | }
 109 | 
 110 | .papers-list-td-left{
 111 |     border-right: 1px solid #eee;
 112 |     padding: 15px;
 113 |     padding-bottom: 0px;
 114 |     padding-top: 20px;
 115 | }
 116 | 
 117 | .papers-list-td-left p{
 118 |     margin-bottom: 0px;
 119 | }
 120 | 
 121 | .papers-list-td-right{
 122 |     padding: 0px !important;
 123 |     width: 530px !important;
 124 | }
 125 | 
 126 | .papers-list-td-right p{
 127 |     margin-bottom: 0px;
 128 |     height: 48.89px;
 129 | }
 130 | 
 131 | .papers-list-td-btn1{
 132 |     color: #0084FF;
 133 |     border: none;
 134 |     font-size: 1.13rem;
 135 |     background: rgba(0, 132, 255, 0.1);
 136 |     padding: 7px 11px;
 137 |     margin-top: 10px;
 138 |     border-radius: 4px;
 139 |     font-weight: 400;
 140 |     letter-spacing: -.4px;
 141 |     margin-left: 10px;
 142 |     outline:none
 143 | }
 144 | 
 145 | .papers-list-td-btn1:hover{
 146 |     background: rgba(0, 132, 255, 0.16);
 147 | }
 148 | 
 149 | .papers-list-td-btn1-change{
 150 |     color: #fff;
 151 |     border: none;
 152 |     font-size: 1.13rem;
 153 |     background: #0084FF;
 154 |     padding: 7px 11px;
 155 |     margin-top: 10px;
 156 |     border-radius: 4px;
 157 |     font-weight: 400;
 158 |     letter-spacing: -.4px;
 159 |     margin-left: 10px;
 160 |     outline:none
 161 | }
 162 | 
 163 | .papers-list-td-btn2{
 164 |     color: #8590A6;
 165 |     border: none;
 166 |     font-size: 1.15rem;
 167 |     background: #f1f2f3;
 168 |     padding: 7px 11px;
 169 |     margin-top: 10px;
 170 |     border-radius: 4px;
 171 |     font-weight: 500;
 172 |     letter-spacing: -.4px;
 173 |     margin-left: 10px;
 174 |     outline:none
 175 | }
 176 | 
 177 | .papers-list-td-btn2:hover{
 178 |     background: #eee;
 179 | }
 180 | 
 181 | .papers-list-td-btn3{
 182 |     color: #73d13d;
 183 |     border: none;
 184 |     font-size: 1.15rem;
 185 |     background: #f1f2f3;
 186 |     padding: 7px 11px;
 187 |     margin-top: 10px;
 188 |     border-radius: 4px;
 189 |     font-weight: 500;
 190 |     letter-spacing: -.4px;
 191 |     margin-left: 10px;
 192 |     outline:none
 193 | }
 194 | 
 195 | .papers-list-td-btn3:hover{
 196 |     background: #eee;
 197 | }
 198 | 
 199 | .sublist{
 200 |     margin-top:2%;
 201 |     display: grid;
 202 |     grid-template-columns: 31% 31% 31%;
 203 |     grid-template-rows: auto auto;
 204 | }
 205 | 
 206 | .sublist-1{
 207 |     margin-top:2%;
 208 | }
 209 | 
 210 | .index-copy{
 211 |     margin-bottom: 10% !important;
 212 |     font-weight: 100;
 213 |     letter-spacing: 1px;
 214 | }
 215 | 
 216 | .papers-list-to-top{
 217 |     cursor: pointer;position: fixed;color: #848fa6;background-color: #ffffff;display: inline-block;line-height: 45px;text-align: center;border-radius: 30px;z-index: 101;box-shadow: 0px 0px 6px 0px rgba(26, 26, 26, 0.14);right: 30px;bottom: 38px;height: 47px;width: 47px;display: none;
 218 | }
 219 | 
 220 | .papers-list-list-notice{
 221 |     background-color: #fff;
 222 |     z-index: 2;
 223 |     text-align: center;
 224 |     width: 20%;
 225 |     padding: 15px 5px;
 226 |     position: fixed;
 227 |     border-radius: 5px;
 228 |     bottom: 20px;
 229 |     box-shadow: 0px 1px 8px 0px rgba(217, 217, 217, 0.7098039215686275);
 230 |     display: none;
 231 | }
 232 | 
 233 | .papers-list-list-notice p{
 234 |     font-weight: 500;
 235 |     font-size: 1.2rem;
 236 |     margin-bottom: 0px;
 237 | }
 238 | 
 239 | .slide{
 240 |     height: 100vh;
 241 |     width: 100%;
 242 |     position: absolute;
 243 |     z-index: 999;
 244 |     background-color: #fff;
 245 |     display: none;
 246 | }
 247 | 
 248 | .slide h2{
 249 |     text-align: center;
 250 | }
 251 | 
 252 | .slide-title{
 253 |     margin-bottom: 0;
 254 |     margin-top: 10px;
 255 |     font-size: 3rem;
 256 |     font-weight: 600;
 257 |     text-transform: uppercase;
 258 | }
 259 | 
 260 | .slide-des{
 261 |     margin-top: 5px;
 262 |     font-size: 1.4rem;
 263 |     font-weight: 300;
 264 |     letter-spacing: 1px;
 265 |     color: #666;
 266 | }
 267 | 
 268 | .papers-list-sticky{
 269 |     width: 1201.11px;
 270 |     height: 55px;
 271 |     margin-left: calc((100% - 1201.11px) / 2);
 272 |     background-color: rgb(255, 255, 255);
 273 |     padding: 1px 15px;
 274 |     z-index: 9999;
 275 |     top: 0px;
 276 |     position: fixed;
 277 |     display: none;
 278 | }
 279 | 
 280 | .cate-toolbar{
 281 |     width: 88.1%;
 282 |     height: 65px;
 283 |     padding: 0px 30px;
 284 |     box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
 285 |     border-radius: 5px;
 286 |     margin-top: 2%;
 287 |     margin-bottom: 3%;
 288 | }
 289 | 
 290 | .cate-toolbar-left{
 291 |     float: left;
 292 |     padding-top: 17px;
 293 | }
 294 | 
 295 | .cate-toolbar-left p{
 296 |     margin-bottom: 0px;
 297 |     font-weight: 500;
 298 |     font-size: 1.2rem;
 299 | }
 300 | 
 301 | 
 302 | .item-guide{
 303 |     margin-top: 15px;
 304 |     display: inline-block;
 305 |     transition: all .3s;
 306 | }
 307 | 
 308 | .item-guide:hover{
 309 |     padding-right: 5px;
 310 |     padding-left: 2px;
 311 | }
 312 | 
 313 | .header-div{
 314 |     position: fixed;
 315 |     width: 100%;
 316 |     top: 0px;
 317 |     padding: 17px 0px;
 318 |     padding-top: 14px;
 319 |     background: #fff;
 320 |     z-index: 1;
 321 |     border-bottom: 1px solid #e9e9e9;
 322 | }
 323 | 
 324 | .nav-1{
 325 |     text-align: left;
 326 |     float: left;
 327 |     list-style: none;
 328 |     margin: 0px;
 329 |     padding: 0px;
 330 |     margin-top: -5px;
 331 |     display: flex;
 332 | }
 333 | 
 334 | .nav-title{
 335 |     font-weight: 600;
 336 |     color: #555;
 337 |     margin-bottom: 0px;
 338 |     margin-top: 5px;
 339 |     display: inline-block;
 340 | }
 341 | 
 342 | .nav-title-img{
 343 |     width: 35px;
 344 |     margin-right: 5px;
 345 |     margin-top: -4px;
 346 |     transform: scale(1.4);
 347 | }
 348 | 
 349 | .nav-title-v{
 350 |     display: inline-block;
 351 |     font-size: .5rem;
 352 |     margin-top: -3px;
 353 |     padding: 0px 6px;
 354 | }
 355 | 
 356 | .nav-2{
 357 |     float: right;
 358 |     text-align: right;
 359 |     list-style: none;
 360 |     margin: 0px;
 361 |     margin-top: 6px;
 362 |     padding: 0px;
 363 | }
 364 | 
 365 | .nav-2-icon1{
 366 |     display: inline-block;
 367 |     margin-right: 6px;
 368 | }
 369 | 
 370 | .nav-2-icon2{
 371 |     display: inline-block;
 372 | }
 373 | 
 374 | .sub-title-div{
 375 |     margin-bottom: 10px;
 376 | }
 377 | 
 378 | 
 379 | .sub-title-h1{
 380 |     font-weight: 600;
 381 |     margin: 0px;
 382 |     font-size: 45px;
 383 | }
 384 | 
 385 | .sub-title-p{
 386 |     margin: 0px;
 387 |     font-weight: 300;
 388 |     font-size: 1.1rem;
 389 |     color: #888;
 390 |     letter-spacing: .5px;
 391 | }
 392 | 
 393 | .sub-title-div2{
 394 |     margin-bottom: 30px;
 395 |     margin-top: 5%;
 396 | }
 397 | 
 398 | .sub-title-div2-h1{
 399 |     font-weight: 600;
 400 |     color: #444;
 401 |     margin: 0px;
 402 |     font-size: 3rem;
 403 | }
 404 | 
 405 | .sub-title-div2-p{
 406 |     margin: 0px;
 407 |     font-weight: 200;
 408 |     font-size: 1.1rem;
 409 |     color: #888;
 410 | }
 411 | 
 412 | .sub-title-div2-span{
 413 |     padding: 0px 8px;
 414 |     text-transform: capitalize;
 415 |     margin-left: 5px !important;
 416 |     font-size: .8rem;
 417 | }
 418 | 
 419 | .back-btn{
 420 | 	background: #333;
 421 |     padding: 7px 17px 9px 17px;
 422 |     border-radius: 6px;
 423 |     font-weight: 500;
 424 |     font-style: normal;
 425 | }
 426 | 
 427 | .file-pdf-btn{
 428 | 	font-style: normal;
 429 |     background: #ef506e;
 430 |     color: #fff;
 431 |     padding: 5px 12px;
 432 |     border-radius: 50px;
 433 |     font-size: .75rem;
 434 |     margin-right: 5px;
 435 | }
 436 | 
 437 | .file-mp3-btn{
 438 | 	font-style: normal;
 439 |     background: #39f;
 440 |     color: #fff;
 441 |     padding: 5px 12px;
 442 |     border-radius: 50px;
 443 |     font-size: .75rem;
 444 |     margin-right: 5px;
 445 | }
 446 | 
 447 | tr:hover{
 448 | 	background: #eeeeee36 !important;
 449 | }
 450 | 
 451 | tr{
 452 | 	transition: all .1s !important;
 453 | }
 454 | 
 455 | .cap-nav{
 456 |     height: 40px;
 457 |     position: relative;
 458 |     background: white;
 459 |     z-index: 0;
 460 | }
 461 | 
 462 | .cap-nav .uk-container{
 463 | 	margin-top: 60px;
 464 |     height: 40px;
 465 | }
 466 | .cap-nav .uk-container ul{
 467 | 	margin: 0px;
 468 |     list-style: none;
 469 |     padding: 0px;
 470 | }
 471 | 
 472 | .cap-nav-inner{
 473 |     max-width: 1150px;
 474 |     height: 50px;
 475 |     margin: 0 auto;
 476 |     position: relative;
 477 |     margin-top: 60px;
 478 | }
 479 | 
 480 | .cap-nav-active{
 481 |     display: block !important;
 482 |     padding: 0 20px !important;
 483 |     line-height: 40px;
 484 |     letter-spacing: 1.5px;
 485 |     height: 40px;
 486 |     color: #888;
 487 |     font-weight: 600;
 488 |     background-color: rgba(0, 0, 0, 0.02);
 489 |     transition: all .2s;
 490 | }
 491 | 
 492 | .cap-nav-active:hover{
 493 | 	color: #666;
 494 | }
 495 | 
 496 | .cap-nav-right{
 497 |     float: right;
 498 | }
 499 | 
 500 | .cap-nav-right li{
 501 |     float: left;    height: 40px;
 502 | }
 503 | 
 504 | .cap-nav-a{
 505 |     color: #999;
 506 |     display: block !important;
 507 |     height: 40px;
 508 |     padding: 0 20px !important;
 509 |     line-height: 40px;
 510 |     letter-spacing: 1px;
 511 |     font-weight: 300;
 512 |     transition: all .2s;
 513 |     border-right: 1px solid #eee;
 514 |     font-size: .95rem;
 515 | }
 516 | 
 517 | .cap-nav-a:hover{
 518 | 	background-color: rgba(0, 0, 0, 0.02);
 519 |     color: #666;
 520 | }
 521 | 
 522 | .cap-nav-left{
 523 |     float: left;
 524 | }
 525 | 
 526 | .cap-nav-left li{
 527 |     float: left;
 528 |     height: 40px;
 529 | }
 530 | 
 531 | .cap-nav-apply{
 532 |     color: #999;
 533 |     display: block !important;
 534 |     padding: 0 20px !important;
 535 |     line-height: 40px;
 536 |     height: 40px;
 537 | }
 538 | 
 539 | .cap-nav-post{
 540 |     border-bottom: 0 none;
 541 |     border-left: solid 1px rgba(0,0,0,0.1);
 542 |     border-right: solid 1px rgba(0,0,0,0.1);
 543 |     color: #ab433f;
 544 |     display: block !important;
 545 |     height: 40px;
 546 |     padding: 0 20px !important;
 547 |     line-height: 40px;
 548 |     letter-spacing: 1px;
 549 |     font-size: .95rem;
 550 |     font-weight: 500;
 551 |     transition: all .2s;
 552 | }
 553 | 
 554 | .cap-nav-post:hover{
 555 | 	background-color: rgba(0, 0, 0, 0.02);
 556 |     color: #666;
 557 | }
 558 | 
 559 | .loading-line{
 560 | 	animation: twinkle 1s infinite;
 561 | }
 562 | 
 563 | @keyframes twinkle {
 564 |             from {
 565 |                 opacity: .5;
 566 |             }
 567 |             to {
 568 |                 opacity: 1;
 569 |             }
 570 | }
 571 | 
 572 | .display-container{
 573 | 	opacity: 1 !important;
 574 | }
 575 | 
 576 | .none-container{
 577 | 	opacity: 0 !important;
 578 | }
 579 | 
 580 | .goup-container {
 581 |     position: fixed !important;
 582 |     width: 45px !important;
 583 |     height: 45px !important;
 584 |     background: rgb(255, 255, 255) !important;
 585 |     cursor: pointer !important;
 586 |     z-index: 1 !important;
 587 |     bottom: 30px !important;
 588 |     right: 30px !important;
 589 |     border-radius: 6px !important;
 590 |     box-shadow: rgba(26, 26, 26, 0.1) 0px 1px 3px !important;
 591 | }
 592 | 
 593 | .switcher{
 594 | 	border: 1px solid #333;
 595 |     padding: 3px 9px 4px 10px;
 596 |     border-radius: 5px;
 597 |     margin-left: 10px;
 598 |     position: absolute;
 599 |     margin-top: 16.5px;
 600 |     color: #333;
 601 |     font-weight: 300;
 602 |     transition: all .2s;
 603 | }
 604 | 
 605 | .switcher:hover{
 606 | 	background: #333;
 607 | 	color: #fff;
 608 | }
 609 | 
 610 | .one-back{
 611 | 	text-align: right;padding-top: 30px;
 612 | }
 613 | 
 614 | .one-notice{
 615 | 	width: 35%;display: inline-block;margin-left: 10%;
 616 | }
 617 | 
 618 | .one-left{
 619 | 	width:50%;margin-bottom:10%
 620 | }
 621 | 
 622 | .cate-right{
 623 | 	text-align: right;
 624 |     padding-top: 60px;
 625 |     display: flex;
 626 |     width: 27%;
 627 | }
 628 | 
 629 | .cate-left{
 630 | 	width: 73%;
 631 | }
 632 | 
 633 | /* WAP端 */
 634 | 
 635 | @media screen and (max-width:850px){
 636 | 	
 637 | 	.next-nav{
 638 | 		display: initial !important;
 639 | 	}
 640 | 	
 641 | 	.next-nav li:nth-child(1){
 642 | 		margin: 0 auto;
 643 | 		display: block;
 644 | 	}
 645 | 	
 646 | 	.next-nav li{
 647 | 		display: none;
 648 | 	}
 649 | 	
 650 | 	.special-index{
 651 | 	display: none;
 652 | }
 653 | 	.nav-1{
 654 | 		text-align: center;
 655 |     	float: initial;
 656 | 	}
 657 | 	.nav-2{
 658 | 		display: none;
 659 | 	}
 660 | 	.cap-nav{
 661 | 		display: none;
 662 | 	}
 663 | 	.sub-title-h1{
 664 | 		font-size: 1.7rem;
 665 | 	}
 666 | 	.wap-index{
 667 | 		margin-top: 17vh !important;
 668 | 		padding: 0 20px !important;
 669 | 	}
 670 | 	.switcher{
 671 | 		display: none;
 672 | 	}
 673 | 	.sub-title-p{
 674 | 		font-size: 1rem;
 675 | 	}
 676 | 	.index-card{
 677 | 		margin-left: 0 !important;
 678 | 		width: 100% !important;
 679 | 		margin-top: 2vh !important;
 680 | 		padding: 25px 30px 20px 30px;
 681 | 	}
 682 | 	.item-guide{
 683 | 		margin: 5px 0px 10px 2px;
 684 |     	font-size: .9rem;
 685 | 	}
 686 | 	.index-cate-h3{
 687 | 		font-size: 1.7rem;
 688 | 	}
 689 | 	.wap-index-2{
 690 | 		display: none;
 691 | 	}
 692 | 	.one-back{
 693 | 		display: none !important;
 694 | 	}
 695 | 	.one-notice{
 696 | 		display: none;
 697 | 	}
 698 | 	.one-left{
 699 | 		width:100%;margin-bottom:10%
 700 | 	}
 701 | 	.cate-right{
 702 | 		display: none;
 703 | 	}
 704 | 	.sublist{
 705 | 		display: initial;
 706 | 	}
 707 | 	.index-cate-card{
 708 | 		margin: 0px !important;
 709 | 		margin-top: 2vh !important;
 710 | 	}
 711 | 	.cate-left{
 712 | 		width: 100%;
 713 | 	}
 714 | 	.sub-title-div{
 715 | 		margin-bottom: 10px !important;
 716 | 	}
 717 | 	#dl{
 718 | 		display: none;
 719 | 	}
 720 | 	
 721 | 	.wap-op{
 722 | 		display: none;
 723 | 	}
 724 | 	.papers-list-td-right{
 725 | 		display: none;
 726 | 	}
 727 | 	.papers-list-td-left{
 728 | 		border: none;
 729 | 	}
 730 | 	.papers-list-sticky{
 731 | 		display: none;
 732 | 	}
 733 | }
 734 | 
 735 | .page-des{
 736 | 	margin: 0px;
 737 |     color: #999;
 738 |     letter-spacing: .5px;
 739 |     margin-bottom: 35px;
 740 | }
 741 | 
 742 | .page-container{
 743 | 	margin-top: 5%;width: 50%;padding-bottom: 6%;
 744 | }
 745 | 
 746 | .page-title{
 747 | 	font-weight: 600;
 748 |     margin: 0px;
 749 | }
 750 | 
 751 | .page-body{
 752 | 	padding: 6vh 7vh;box-shadow: 0 2px 3px 0 rgba(213,213,213,0.7);
 753 | }
 754 | 
 755 | .page-donate-table{
 756 | 	border-color: #eee;border-collapse: collapse;border: 1px solid #eee;line-height: 2;width: 100%;text-align: center;font-weight: 600;
 757 | }
 758 | 
 759 | .page-top-div{
 760 | 	    border-left: 7px solid #fbbd01;
 761 |     padding-left: 20px;
 762 | }
 763 | /*结束 WAP 端*/
 764 | 
 765 | .next-nav{
 766 | 	display: flex;
 767 | }
 768 | 
 769 | .next-nav li{
 770 | 	margin-left: 20px;
 771 |     font-size: 17px;
 772 |     font-weight: 300;
 773 |     margin-top: 9px;
 774 |     letter-spacing: .5px;
 775 | }
 776 | 
 777 | .next-nav li a{
 778 | 	text-decoration: none;
 779 | 	color: #666 !important;
 780 | }
 781 | 
 782 | .next-nav li a i{
 783 | 	font-size: 10px;
 784 |     margin-left: 5px;
 785 | }
 786 | 
 787 | .next-nav li:nth-child(1){
 788 | 	margin-left: 0;
 789 |     font-size: initial;
 790 |     font-weight: initial;
 791 |     margin-top: initial;
 792 |     letter-spacing: 0px;
 793 | }
 794 | 
 795 | .next-nav li:nth-child(2){
 796 | 	border-left: 2px solid #eee;
 797 | 	margin-left: 22px;
 798 | 	padding-left: 20px;
 799 | }
 800 | 
 801 | .next-nav-list p{
 802 | 	margin-bottom: 0px;
 803 |     margin-top: 0px;
 804 |     font-size: 15px;
 805 |     padding: 10px 20px 10px 20px;
 806 |     border-bottom: 1px solid #eee;
 807 |     font-weight: 400 !important;
 808 |     transition: all .1s;
 809 | }
 810 | 
 811 | .next-nav-list p:hover{
 812 | 	background: rgba(241, 242, 243, 0.23) !important;
 813 | }
 814 | 
 815 | .next-nav-list p:last-child{
 816 | 	margin-bottom: 0px;
 817 | }
 818 | 
 819 | .uk-dropdown{
 820 | 	position: absolute;
 821 |     z-index: 1020;
 822 |     box-sizing: border-box;
 823 |     border-radius: 10px !important;
 824 |     border: 1px solid #eee !important;
 825 |     min-width: 200px;
 826 |     padding: 0px !important;
 827 |     background: #fff;
 828 |     color: #666;
 829 |     box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.02) !important;
 830 | }
 831 | 
 832 | .next-notice{
 833 | 	display: none;
 834 | 	width: 100%;
 835 |     margin-top: 67px;
 836 |     background: #f7f8f9;
 837 |     text-align: center;
 838 |     height: 32px;
 839 |     padding-top: 5px;
 840 | }
 841 | 
 842 | .next-notice a{
 843 | 	font-weight: 400;
 844 |     color: rgb(156, 165, 169);
 845 | }
 846 | 
 847 | .next-notice a i{
 848 | 	font-weight: 600;
 849 |     font-size: 12px;
 850 |     margin-left: 5px;
 851 | }
 852 | 
 853 | .next-cate-container{
 854 | 	display: flex;
 855 |     padding-left: 11vh;
 856 |     padding-right: 11vh;
 857 | }
 858 | 
 859 | .next-cate-c1{
 860 | 	width: 45%;
 861 |     margin-top: -40px;
 862 | }
 863 | 
 864 | .next-cate-m1{
 865 | 	box-shadow: 0 8px 30px rgba(0,0,0,0.12);
 866 |     border-radius: 10px;
 867 |     background: #fff;
 868 |     padding: 15px 40px;
 869 |     padding-bottom: 30px;
 870 |     margin-bottom: 25px;
 871 |     border-left: 5px solid rgb(121, 226, 193);
 872 |     transition: all .2s;
 873 | }
 874 | 
 875 | .next-cate-m1:hover{
 876 | 	transform: translateX(10px);
 877 | }
 878 | 
 879 | .next-cate-m1-l1{
 880 | 	margin: 0px;
 881 |     background: rgb(0, 131, 255);
 882 |     color: #fff;
 883 |     border-radius: 50px;
 884 |     padding: 5px 20px;
 885 |     display: inline-block;
 886 |     font-size: 14px;
 887 |     margin-top: 10px;
 888 | }
 889 | 
 890 | .next-cate-m1 h1{
 891 | 	font-size: 32px;
 892 |     font-weight: 600;
 893 |     margin-top: 10px;
 894 |     letter-spacing: .5px;
 895 |     margin-bottom: 0px;
 896 | }
 897 | 
 898 | .next-cate-m1 h1 a{
 899 | 	color: #333;
 900 | 	text-decoration: none;
 901 | }
 902 | 
 903 | .next-cate-m1-p1{
 904 | 	color: #888;
 905 |     margin: 0px;
 906 |     font-weight: 300;
 907 |     letter-spacing: .2px;
 908 |     margin-bottom: 13px;
 909 |     margin-top: 2px;
 910 | }
 911 | 
 912 | .next-cate-m1-p2{
 913 | 	margin: 0px;
 914 |     display: inline-block;
 915 |     margin-left: 0px;
 916 | }
 917 | 
 918 | .next-cate-c2{
 919 | 	width: 43%;
 920 |     margin-left: 7%;
 921 |     margin-top: -65px;
 922 | }
 923 | 
 924 | .next-cate-m2{
 925 | 	box-shadow: 0 8px 30px rgba(0,0,0,0.12);
 926 |     background: #fff;
 927 |     padding: 20px 30px;
 928 |     display: flex;
 929 |     border-radius: 10px;
 930 |     margin-bottom: 15px;
 931 |     transition: all .2s;
 932 | }
 933 | 
 934 | .next-cate-m2:hover{
 935 | 	transform: translateX(-10px);
 936 | }
 937 | 
 938 | .next-cate-m2-sub{
 939 | 	transition: all .2s;
 940 | }
 941 | 
 942 | .next-cate-m2-sub:hover{
 943 | 	transform: translateX(10px) !important;
 944 | }
 945 | 
 946 | .next-cate-m2-d1{
 947 | 	width: 80%;
 948 | }
 949 | 
 950 | .next-cate-m2-d1 h1{
 951 | 	font-size: 25px;
 952 |     font-weight: 600;
 953 |     margin: 0px;
 954 |     text-overflow: ellipsis;
 955 |     overflow: hidden;
 956 |     white-space: nowrap;
 957 | }
 958 | 
 959 | .next-cate-m2-d1 h1 b{
 960 | 	margin-right: 10px;
 961 | }
 962 | 
 963 | .next-cate-m2-d1 h1 b i{
 964 | 	color: #4fcbf3;
 965 |     font-size: 20px;
 966 | }
 967 | 
 968 | .next-cate-m2-d2{
 969 | 	padding-top: 2px;
 970 |     margin-left: 2%;
 971 | }
 972 | 
 973 | .next-cate-m2-d2 a{
 974 | 	font-size: 18px;
 975 | 	white-space: nowrap;
 976 | }
 977 | 
 978 | .next-cate-container-out{
 979 | 	background: #f9f9f9;
 980 | 	min-height: 62vh;
 981 | 	padding-bottom: 10vh;
 982 | }
 983 | 
 984 | .next-cate-m3{
 985 | 	margin-bottom: 25px;
 986 |     border-radius: 10px 10px 0px 0px;
 987 | }
 988 | 
 989 | .next-cate-m3 h2{
 990 | 	margin-bottom: 0px;
 991 |     font-weight: 600;
 992 |     font-size: 25px;
 993 | }
 994 | 
 995 | .next-cate-m3 p{
 996 | 	margin: 0px;
 997 |     letter-spacing: .2px;
 998 |     font-weight: 300;
 999 |     color: #777;
1000 |     font-size: 15px;
1001 | }
1002 | 
1003 | .next-cate-info{
1004 | 	display: flex;
1005 |     margin-top: 15px;
1006 | }
1007 | 
1008 | .next-cate-info h3{
1009 | 	margin: 0px;
1010 |     font-size: 17px;
1011 |     font-weight: 600;
1012 | }
1013 | 
1014 | .next-cate-info p{
1015 | 	margin: 0px;
1016 |     font-size: 14px;
1017 |     color: #999;
1018 |     font-weight: 300;
1019 |     margin-top: 2px;
1020 | }
1021 | 
1022 | .next-cate-info img{
1023 | 	width: 15px;
1024 |     height: 15px;
1025 |     margin-right: 5px;
1026 |     margin-top: -1px;
1027 |     opacity: 0.7;
1028 | }
1029 | 
1030 | .next-cate-info div{
1031 | 	margin-left: 30px;
1032 | 	border-left: 2px solid #eee;
1033 | 	padding-left: 30px;
1034 | }
1035 | 
1036 | .next-cate-info div:nth-child(1){
1037 | 	margin-left: 0px;
1038 | 	border-left: 0px solid #eee;
1039 | 	padding-left: 0px;
1040 | }
1041 | 
1042 | .next-paper-d1{
1043 | 	border-radius: 5px;
1044 |     color: #1e87f0;
1045 |     background: #fdfdfd;
1046 |     border: 1px solid #eee;
1047 |     border: 1px solid rgba(153, 153, 153, 0.29);
1048 | }
1049 | 
1050 | .next-paper-d2{
1051 | 	margin-left: 0.5%;
1052 |     border-radius: 5px;
1053 |     color: #f0506e;
1054 |     background: #fdfdfd;
1055 |     border: 1px solid rgba(153, 153, 153, 0.29);
1056 | }
1057 | 
1058 | .next-paper-d3{
1059 | 	margin-left: 0.5%;
1060 |     border-radius: 5px;
1061 |     color: #222;
1062 |     background: #fdfdfd;
1063 |     border: 1px solid #eee;
1064 |     border: 1px solid rgba(153, 153, 153, 0.29);
1065 | }


--------------------------------------------------------------------------------