-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
207 lines (188 loc) · 8.22 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8" />
<title>about</title>
<link rel="icon" type="image/x-icon" href="images/favicon.jpg">
<link rel="stylesheet" href="main.css" />
</head>
<body>
<p id="listtype"></p>
<p id="tdelement"></p>
<button onclick="topFunction()" id="backtotop" title="Go to top">
<svg fill="#ffffff" height="16px" width="16px" viewBox="0 0 512 512"><g><g>
<path d="M505.752,358.248L271.085,123.582c-8.331-8.331-21.839-8.331-30.17,0L6.248,358.248c-8.331,8.331-8.331,21.839,
0,30.17 s21.839,8.331,30.17,0L256,168.837l219.582,219.582c8.331,8.331,21.839,8.331,30.17,0S514.083,366.58,505.752,358.248z"/>
</g></g>
</svg>
</button>
<div class="nav">
<div id="mySidenav" class="sidenav left">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<p id="sidenavcontent"></p>
</div>
<div class="nav-left">
<a class="nav-item" style="cursor:pointer" onclick="openNav('left')">
<svg class="svglight" viewBox="-5 -5 34 34">
<path d="M4 6H20M4 12H20M4 18H20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<a class="nav-item" style="cursor:pointer" href="index.html">THRIVE4</a>
</div>
<label for="menu-toggle" class="nav-toggle">≡</label>
<input type="checkbox" id="menu-toggle" class="is-hidden"/>
<div class="nav-right">
<a class="nav-item" href="" onclick="switchtheme();">
<svg class="svglight" viewBox="-5 -5 34 34">
<circle cx="12" cy="12" r="5"/>
<path d="M21,13H20a1,1,0,0,1,0-2h1a1,1,0,0,1,0,2Z
M4,13H3a1,1,0,0,1,0-2H4a1,1,0,0,1,0,2Z
M17.66,7.34A1,1,0,0,1,17,7.05a1,1,0,0,1,0-1.41l.71-.71a1,1,0,1,1,1.41,1.41l-.71.71A1,1,0,0,1,17.66,7.34Z
M5.64,19.36a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.41L5.64,17a1,1,0,0,1,1.41,1.41l-.71.71A1,1,0,0,1,5.64,19.36Z
M12,5a1,1,0,0,1-1-1V3a1,1,0,0,1,2,0V4A1,1,0,0,1,12,5Z
M12,22a1,1,0,0,1-1-1V20a1,1,0,0,1,2,0v1A1,1,0,0,1,12,22Z
M6.34,7.34a1,1,0,0,1-.7-.29l-.71-.71A1,1,0,0,1,6.34,4.93l.71.71a1,1,0,0,1,0,1.41A1,1,0,0,1,6.34,7.34Z
M18.36,19.36a1,1,0,0,1-.7-.29L17,18.36A1,1,0,0,1,18.36,17l.71.71a1,1,0,0,1,0,1.41A1,1,0,0,1,18.36,19.36Z"/>
</svg>
</a>
<a class="nav-item" style="cursor:pointer" onclick="openNav('right')">
<svg class="svglight" viewBox="-8 -11 52 52">
<path d="M23.265,24.381l.9-.894c4.164.136,4.228-.01,4.411-.438l1.144-2.785L29.805,20l-.093-.231c-.049-.122-.2-.486-2.8-2.965V15.5c3-2.89,
2.936-3.038,2.765-3.461L28.538,9.225c-.171-.422-.236-.587-4.37-.474l-.9-.93a20.166,20.166,0,0,0-.141-4.106l-.116-.263-2.974-1.3c-.438-.2-.592-.272-3.4,
2.786l-1.262-.019c-2.891-3.086-3.028-3.03-3.461-2.855L9.149,3.182c-.433.175-.586.237-.418,4.437l-.893.89c-4.162-.136-4.226.012-4.407.438L2.285,
11.733,2.195,12l.094.232c.049.12.194.48,2.8,2.962l0,1.3c-3,2.89-2.935,3.038-2.763,3.462l1.138,2.817c.174.431.236.584,4.369.476l.9.935a20.243,20.243,0,
0,0,.137,4.1l.116.265,2.993,1.308c.435.182.586.247,3.386-2.8l1.262.016c2.895,3.09,3.043,3.03,3.466,2.859l2.759-1.115C23.288,28.644,23.44,
28.583,23.265,24.381ZM11.407,17.857a4.957,4.957,0,1,1,6.488,2.824A5.014,5.014,0,0,1,11.407,17.857Z"/>
</svg>
</a>
</div>
</div>
<br><br><br><br>
<div class="container">
<p><strong>ABOUT</strong></p>
<pre><code>
<b>site content:</b>
mods created in the past years released on nexus
code created in the past years released on github
music created in the past years to be released soon
favorites film
favorites music
favorites games
favorites documentaries
gallery (for slideshow various sources)
list of url's to various resources
<b>release notes site:</b>
update 2.0 10/04/2025
- less padding td elements data display
- added audioplayer list play
- added config option primaraly to toggle list play
shuffle / linear
- rewrite of css deprecated seperate font.css
- rewrite parts of .js libs deprecated libtheme.js
- fixed a number of small bugs
update 1.9 10/03/2025
- updated json files
- tweaks to various .js files
update 1.8 09/02/2025
- fix encodeURIComponent part url caused issues
with titles having a '=' as suffix.
- fixes to imageviewer.js added toggle text
from various sources
- refactored zoom imageviewer added move
- added a reference section to imageviewer
based mostly on historic sources
- added theme field to music and missing release year
update v1.7 09/09/2024
- refactored most of the logic for displaying
list, tile and data display plus more flexible
intergration of json
- .js code base decreased with ~ 30%
- added atlas.json used to determine which
fields are, and in which order, displayed
- added documentary information
- filter out year when querying wikipedia
update v1.6 01/07/2024
- added to top button
- added scaled image zoom in imageviewer (first draft)
- restyled imageviewer, imagesize, text size etc.
- fixed text not being selectable in modal mode, imageviewer, paper, etc.
- slightly more accurate results from wikipedia for film, games and music
- small bug fixes
update v1.5 14/05/2024
- included data / list indicator (first letter selected)
- small tweak to sorting routine make more specific to click on th
- re-write of imageviewer.js more scalable
- compacted code per list type
- merged paper.css into main.css
- further intregration wikipedia and musicbrainz
sections papers, film, game and music
- added spinner aka loading... to slide show
- misc bug fixes
update v1.4 15/03/2024
- removed nested json call for imageviewer json
- reduced size html page size per section
- todo follow up suggestions made by pagespeed and yellowlab
update v1.3 12/03/2024
- fixed all images showing in imageviewer.js when loading page first time
- imageviewer can now be used per sub section site
- added mousescroll navigation imageviewer
- added zoomin zoomout imageviewer
- trimmed json datamodel most sections except code
- unified sidenav code to lib.js
- style tweaks
- refactored most of the json handleing trimmed the fat
- rewrite ken burns slide handeling plus added use of subsection
- added sections resources, film and game
- integrated wikipedia and musicbrainz rest api data in section music
- removed github api calls in code section causes 403's to easy
- total data tally items, 1500 music, 1500 film, 1300 game
- site size 8 sections 70% data, 30% page render code
update v1.2 18/12/2023
- added sticky table header for data tables
sticky tip courtesy https://codepen.io/stephen-george-west/pen/rNpjXYL
- added side menu navigation
- added search selection box automatically change to selected field
- fixed issues with code.js
- cleaned up divs and other small issues
update v1.1 04/11/2023
- style tweaks
- many code tweaks to json handeling
public release 1.0 26/09/2023
- most pages are now data driven aka
data is gathered via json text file
- added filter table javascript
courtesy to: https://www.w3schools.com/howto/howto_js_filter_table.asp
partially implemented filter on specific field
- added slide show with ken burns effect
- replaced sort routine for tables javascript
significant improvements in speed and number
of rows that can be handled by browser
many thanks to tofsjonas
see: https://github.com/tofsjonas/sortable
- modified main.css less cluterd html table and other style tweaks
- robots.txt set to allow crawlers
- todo still issues with imageviewer and slideshow
javascript not setting focus on elements etc.
</code></pre>
</div>
<!--tag indicator -->
<p id="tdelement"></p>
<div id="trletter">
<p id="trletterplace" class="trlettertext"></p>
</div>
<!-- optional audio player -->
<footer class="footer">
<div class="container-audio">
<audio id="audio" title="" controls>
Your browser dose not Support the audio Tag
</audio>
</div>
</footer>
<!-- overlay for image navigation -->
<div id="myModal" class="modal">
<div id="imageoverlay"></div>
<span class="close">×</span>
</div>
<script type="text/javascript" src="lib.js"></script>
</body>
</html>