Skip to content

Commit 2e2daf2

Browse files
elModo7elModo7
committed
Changes to Index and Pokemon Home article.
Signed-off-by: elModo7 <elmodo7yt@gmail.com>
1 parent 8c50d9e commit 2e2daf2

File tree

3 files changed

+91
-33
lines changed

3 files changed

+91
-33
lines changed

‎index.html‎

Lines changed: 2 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -26,37 +26,8 @@
2626
<script type="text/JavaScript" src="static/js/jquery.flot.resize.js"></script>
2727
<script type="text/JavaScript" src="static/js/jquery.flot.pie.js"></script>
2828
<script type="text/JavaScript" src="static/js/toastr.min.js"></script>
29+
<script type="text/JavaScript" src="static/js/mobile_intercept.js"></script>
2930
<script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.min.js"></script>
30-
<!-- <lite-youtube videoid="f9exy3Xyr_8"></lite-youtube> -->
31-
32-
<script>
33-
const isMobile = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
34-
var personalProjects = null;
35-
var workProjects = null;
36-
var pills = null;
37-
var itemsPerPage = 0;
38-
var personalProjectsTotalPages = 0;
39-
var workProjectsTotalPages = 0;
40-
var pillsTotalPages = 0;
41-
var currentMenuTab = "about_me";
42-
$(function(){
43-
fetch('static/data/work_projects.json').then((response) => response.json()).then((json) => {
44-
workProjects = json;
45-
itemsPerPage = 9;
46-
workProjectsTotalPages = Math.ceil(workProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(workProjects.length / itemsPerPage);
47-
});
48-
fetch('static/data/personal_projects.json').then((response) => response.json()).then((json) => {
49-
personalProjects = json;
50-
itemsPerPage = 9;
51-
personalProjectsTotalPages = Math.ceil(personalProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(personalProjects.length / itemsPerPage);
52-
});
53-
fetch('static/data/pills.json').then((response) => response.json()).then((json) => {
54-
pills = json;
55-
itemsPerPage = 12;
56-
pillsTotalPages = Math.ceil(pills.length / itemsPerPage) == 0 ? 1 : Math.ceil(pills.length / itemsPerPage);
57-
});
58-
});
59-
</script>
6031
</head>
6132
<body class="sidebar-mini layout-fixed" style="height: auto;">
6233
<div class="wrapper">
@@ -65,8 +36,7 @@
6536

6637
<div class="content-wrapper" id="divMainContent"></div>
6738

68-
<!-- Footer -->
69-
<footer class="main-footer"> <!--style="position: fixed; left: 0; right: 0; bottom: 0; height: 50px;"-->
39+
<footer class="main-footer">
7040
<div class="float-right d-none d-sm-block">
7141
<b>Version</b> 0.1.1
7242
</div>

‎personal_projects/pokemon_home/index.html‎

Lines changed: 63 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,26 @@
1+
<script>
2+
function copyShareLink(){
3+
navigator.clipboard.writeText("https://tinyurl.com/pokemonHomeArticle");
4+
toastr.options = {
5+
"closeButton": false,
6+
"debug": false,
7+
"newestOnTop": false,
8+
"progressBar": false,
9+
"positionClass": "toast-top-center",
10+
"preventDuplicates": false,
11+
"onclick": null,
12+
"showDuration": "300",
13+
"hideDuration": "1000",
14+
"timeOut": "5000",
15+
"extendedTimeOut": "1000",
16+
"showEasing": "swing",
17+
"hideEasing": "linear",
18+
"showMethod": "fadeIn",
19+
"hideMethod": "fadeOut"
20+
}
21+
toastr["success"]("This Article's direct link", "Copied to Clipboard")
22+
}
23+
</script>
124
<h1 class="code-line" data-line-start="0" data-line-end="1"><a id="cloud_based_pokemon_storage_system"></a>Cloud-Based Pokémon Storage System</h1>
225
<br>
326
<div class="row">
@@ -8,7 +31,46 @@ <h1 class="code-line" data-line-start="0" data-line-end="1"><a id="cloud_based_p
831
<div class="info-box-content">
932
<span class="info-box-number">YouTube Video</span>
1033
<span class="progress-description">
11-
A multimedia version of this article
34+
Full Video about this article
35+
</span>
36+
</div>
37+
</div>
38+
</a>
39+
</div>
40+
<div class="col-md-3 col-sm-6 col-12">
41+
<a href="https://youtu.be/xZXUb8GOvZw" target="_blank">
42+
<div class="info-box bg-gradient-warning shadow-lg">
43+
<span class="info-box-icon"><i class="fas fa-mobile"></i></span>
44+
<div class="info-box-content">
45+
<span class="info-box-number">YouTube Short</span>
46+
<span class="progress-description">
47+
Short PokeHome Promo Video
48+
</span>
49+
</div>
50+
</div>
51+
</a>
52+
</div>
53+
<div class="col-md-3 col-sm-6 col-12">
54+
<a href="#" onClick="copyShareLink()">
55+
<div class="info-box bg-gradient-success shadow-lg">
56+
<span class="info-box-icon"><i class="fas fa-qrcode"></i></span>
57+
<div class="info-box-content">
58+
<span class="info-box-number">Share</span>
59+
<span class="progress-description">
60+
Direct Link to this article
61+
</span>
62+
</div>
63+
</div>
64+
</a>
65+
</div>
66+
<div class="col-md-3 col-sm-6 col-12">
67+
<a href="https://youtu.be/RcGNuH9mLmw" target="_blank">
68+
<div class="info-box bg-gradient-dark shadow-lg">
69+
<span class="info-box-icon"><i class="fab fa-youtube"></i></span>
70+
<div class="info-box-content">
71+
<span class="info-box-number">Child Project</span>
72+
<span class="progress-description">
73+
Project Followup Preview Video
1274
</span>
1375
</div>
1476
</div>

‎static/js/mobile_intercept.js‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
const isMobile = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
2+
var personalProjects = null;
3+
var workProjects = null;
4+
var pills = null;
5+
var itemsPerPage = 0;
6+
var personalProjectsTotalPages = 0;
7+
var workProjectsTotalPages = 0;
8+
var pillsTotalPages = 0;
9+
var currentMenuTab = "about_me";
10+
$(function(){
11+
fetch('static/data/work_projects.json').then((response) => response.json()).then((json) => {
12+
workProjects = json;
13+
itemsPerPage = 9;
14+
workProjectsTotalPages = Math.ceil(workProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(workProjects.length / itemsPerPage);
15+
});
16+
fetch('static/data/personal_projects.json').then((response) => response.json()).then((json) => {
17+
personalProjects = json;
18+
itemsPerPage = 9;
19+
personalProjectsTotalPages = Math.ceil(personalProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(personalProjects.length / itemsPerPage);
20+
});
21+
fetch('static/data/pills.json').then((response) => response.json()).then((json) => {
22+
pills = json;
23+
itemsPerPage = 12;
24+
pillsTotalPages = Math.ceil(pills.length / itemsPerPage) == 0 ? 1 : Math.ceil(pills.length / itemsPerPage);
25+
});
26+
});

0 commit comments

Comments
 (0)