Skip to content

Commit 994a9d6

Browse files
elModo7elModo7
committed
Improve personal projects readability.
Add personal project mockup for code generator. Signed-off-by: elmodo7 <elmodo7yt@gmail.com>
1 parent 23e3082 commit 994a9d6

File tree

6 files changed

+56
-19
lines changed

6 files changed

+56
-19
lines changed

‎index.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -38,19 +38,19 @@
3838
var pillsTotalPages = 0;
3939
var currentMenuTab = "about_me";
4040
$(function(){
41-
fetch('static/data/personal_projects.json').then((response) => response.json()).then((json) => {
42-
personalProjects = json;
43-
itemsPerPage = 12;
44-
personalProjectsTotalPages = Math.ceil(personalProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(personalProjects.length / itemsPerPage);
45-
});
4641
fetch('static/data/work_projects.json').then((response) => response.json()).then((json) => {
4742
workProjects = json;
4843
itemsPerPage = 9;
4944
workProjectsTotalPages = Math.ceil(workProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(workProjects.length / itemsPerPage);
5045
});
46+
fetch('static/data/personal_projects.json').then((response) => response.json()).then((json) => {
47+
personalProjects = json;
48+
itemsPerPage = 9;
49+
personalProjectsTotalPages = Math.ceil(personalProjects.length / itemsPerPage) == 0 ? 1 : Math.ceil(personalProjects.length / itemsPerPage);
50+
});
5151
fetch('static/data/pills.json').then((response) => response.json()).then((json) => {
5252
pills = json;
53-
itemsPerPage = 18;
53+
itemsPerPage = 12;
5454
pillsTotalPages = Math.ceil(pills.length / itemsPerPage) == 0 ? 1 : Math.ceil(pills.length / itemsPerPage);
5555
});
5656
});
@@ -66,7 +66,7 @@
6666
<!-- Footer -->
6767
<footer class="main-footer"> <!--style="position: fixed; left: 0; right: 0; bottom: 0; height: 50px;"-->
6868
<div class="float-right d-none d-sm-block">
69-
<b>Version</b> 0.0.9
69+
<b>Version</b> 0.1.0
7070
</div>
7171
<strong>Copyright © <span id="year_footer">2024</span> <a href="https://github.com/elModo7" target="_blank">Víctor Santiago Martínez Picardo</a>.</strong> All rights reserved.
7272
</footer>

‎static/data/personal_projects.json‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -394,5 +394,42 @@
394394
"title": "<b>Kanji Trainer Desktop</b>",
395395
"url": "https://github.com/elModo7/Kaizen-Improved",
396396
"page": ""
397+
},
398+
{
399+
"badges": [
400+
{
401+
"color": "badge-success",
402+
"name": "Automation"
403+
},
404+
{
405+
"color": "badge-dark",
406+
"name": "AHK"
407+
},
408+
{
409+
"color": "badge-primary",
410+
"name": "Windows"
411+
},
412+
{
413+
"color": "badge-primary",
414+
"name": "Desktop"
415+
}
416+
],
417+
"date": "2024/12/04",
418+
"description": "Set of <b>graphical modules</b> for <i>generating code scripts</i> from <b>predefined templates</b>",
419+
"id": 9,
420+
"img": "static/img/personal_projects/script_generator.jpg",
421+
"ribbon": {
422+
"color": "bg-success",
423+
"name": "Public"
424+
},
425+
"tags": [
426+
"automation",
427+
"autohotkey",
428+
"windows",
429+
"desktop"
430+
],
431+
"title": "<b>AHK Code Generator</b>",
432+
"url": "",
433+
"page": "personal_projects/script_generator/article.html"
397434
}
398435
]

‎static/img/personal_projects/script_generator.jpg‎

83.4 KB
Loading

‎static/js/personal_projects.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ var personalProjectsPage = 0;
22

33
function personalProjectsEvents(){
44
unbindEvents();
5-
var itemsPerRow = 4;
6-
itemsPerPage = 12;
5+
var itemsPerRow = 3;
6+
itemsPerPage = 9;
77
var personalProjectsHTML = '';
88
var cntKeys = 0;
99
for (const [key, value] of Object.entries(personalProjects.slice(personalProjectsPage * itemsPerPage, personalProjectsPage * itemsPerPage + itemsPerPage))) {
@@ -17,7 +17,7 @@ function personalProjectsEvents(){
1717
personalProjectsHTML += '</div><div class="row mt-4">';
1818
}
1919
}
20-
personalProjectsHTML += '<div class="col-sm-3">';
20+
personalProjectsHTML += '<div class="col-sm-4">';
2121
for (const [keyBadge, valueBadge] of Object.entries(value.badges)) {
2222
personalProjectsHTML += '<span class="badge ' + valueBadge.color + '">' + valueBadge.name + '</span> ';
2323
}
@@ -34,7 +34,7 @@ function personalProjectsEvents(){
3434
}
3535
cntKeys++;
3636
}
37-
37+
3838
if(personalProjects.length > itemsPerPage){
3939
personalProjectsHTML += '<div class="row col-sm-12"><div class="col-sm-12 col-md-12 d-flex justify-content-center"><div class="dataTables_paginate paging_simple_numbers" id="example2_paginate"><ul class="pagination">';
4040
personalProjectsHTML += '<li class="paginate_button page-item previous ' + (personalProjectsPage == 0 ? 'disabled' : '') + '" id="example2_previous"><a href="#" aria-controls="example2" data-dt-idx="' + personalProjectsPage + '" tabindex="0" class="page-link">Previous</a></li>';

‎static/js/pills.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ var pillsPage = 0;
22

33
function pillsEvents(){
44
unbindEvents();
5-
var itemsPerRow = 6;
6-
itemsPerPage = 18;
5+
var itemsPerRow = 4;
6+
itemsPerPage = 12;
77
var pillsHTML = '';
88
var cntKeys = 0;
99
for (const [key, value] of Object.entries(pills.slice(pillsPage * itemsPerPage, pillsPage * itemsPerPage + itemsPerPage))) {
@@ -17,7 +17,7 @@ function pillsEvents(){
1717
pillsHTML += '</div><div class="row mt-4">';
1818
}
1919
}
20-
pillsHTML += '<div class="col-sm-2">';
20+
pillsHTML += '<div class="col-sm-3">';
2121
for (const [keyBadge, valueBadge] of Object.entries(value.badges)) {
2222
pillsHTML += '<span class="badge ' + valueBadge.color + '">' + valueBadge.name + '</span> ';
2323
}

‎upcoming_content.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -83,11 +83,6 @@ <h1 id="pending">Pending</h1>
8383
<label for="customCheckbox9" class="custom-control-label">Notifications Lib (Twitch, Discord, Whatsapp, Telegram, Pushbullet, Mail…)</label>
8484
</div>
8585

86-
<div class="custom-control custom-checkbox">
87-
<input class="custom-control-input" type="checkbox" id="customCheckbox10">
88-
<label for="customCheckbox10" class="custom-control-label">Script Generator</label>
89-
</div>
90-
9186
<div class="custom-control custom-checkbox">
9287
<input class="custom-control-input" type="checkbox" id="customCheckbox11">
9388
<label for="customCheckbox11" class="custom-control-label">Mario DS Poker Bot</label>
@@ -463,6 +458,11 @@ <h2>In Progress:</h2>
463458
<input class="custom-control-input custom-control-input-warning custom-control-input-outline" type="checkbox" id="inProgressCheck1" checked="" disabled>
464459
<label for="inProgressCheck1" class="custom-control-label">No article is being written at the moment</label>
465460
</div>
461+
462+
<div class="custom-control custom-checkbox">
463+
<input class="custom-control-input custom-control-input-warning custom-control-input-outline" type="checkbox" id="inProgressCheck2" checked="">
464+
<label for="inProgressCheck2" class="custom-control-label">Script Generator</label>
465+
</div>
466466
</ul>
467467
</div>
468468
</div>

0 commit comments

Comments
 (0)