Skip to content

Commit 471d7c2

Browse files
AvatarKageAvatarKage
committed
v5.0.027
1 parent a66f7fc commit 471d7c2

19 files changed

+285
-1119
lines changed

‎desktop_styles.css

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -807,4 +807,63 @@
807807
opacity: 0;
808808
transition: 0.3s ease-in-out;
809809
}
810+
811+
.top_button {
812+
position: absolute;
813+
left: 0px;
814+
top: 0px;
815+
height: 11px;
816+
border-radius: 0px 0px 5px 5px;
817+
background: #1b1f28;
818+
background-blend-mode: normal;
819+
align-items: center;
820+
justify-content: center;
821+
opacity: 1;
822+
transition: 0.3s ease-in-out;
823+
cursor: pointer;
824+
z-index: 6;
825+
}
826+
827+
.top_button:hover {
828+
position: absolute;
829+
background-color: #bd9335;
830+
transition: 0.3s ease-in-out;
831+
}
832+
833+
.console {
834+
position: absolute;
835+
background-color: #1b1f28;
836+
color: black;
837+
border-radius: 5px;
838+
top: 36px;
839+
height: 300px;
840+
width: 690px;
841+
display: none;
842+
border: 5px solid white;
843+
opacity: 1;
844+
z-index: 59;
845+
overflow: auto;
846+
box-shadow:
847+
0px 0px 10px #00000050, /* Top shadow */
848+
0px 0px 10px #00000050, /* Right shadow */
849+
0px 0px 10px #00000050, /* Bottom shadow */
850+
0px 0px 10px #00000050; /* Left shadow */
851+
}
852+
853+
/* Style for log entries */
854+
.log_entry {
855+
margin: 5px;
856+
padding: 5px;
857+
color: #b4b4b4;
858+
}
859+
860+
/* Style for error log entries */
861+
.error {
862+
color: red;
863+
}
864+
865+
/* Style for warning log entries */
866+
.warning {
867+
color: orange;
868+
}
810869
}

‎index.html

Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,16 @@
3030
</div>
3131

3232
<!-- Page elements -->
33-
<div class="top"></div>
33+
<div class="top">
34+
<div class="top_button" id="console_tab" style="width: 36px; top: 12px; left: 37px; scale: 3; z-index: 61;">
35+
<div class="label_text" id="console_tab_text" style="width: 36px; top: 1.25px;">Console</div>
36+
</div>
37+
<div class="console" id="console">
38+
<p style="color: white; transform: translateX(5px)translateY(-13px); font-size: 14px;">———————————————[ OPENPROFILE-DEVELOPER-CONSOLE ]———————————————</p>
39+
<div class="log_entry" id="console_log"></div>
40+
</div>
41+
<script src="scripts/console.js"></script>
42+
</div>
3443

3544
<div class="left">
3645
<div class="label_text" id="left" style="width: 375px; font-size: 45px; transform: translateY(375px)translateX(40px);">Coming soon</div>
@@ -102,7 +111,6 @@
102111
<script src="scripts/emojis/page1/full_name_emojis.js"></script>
103112
<script src="scripts/source/page1/position/full_name_source_position.js"></script>
104113
<script src="scripts/source/page1/full_name_source_icon.js"></script>
105-
<script src="scripts/history/page1/full_name_time.js"></script>
106114
</div>
107115
</div>
108116

@@ -136,7 +144,6 @@
136144
<script src="scripts/emojis/page1/first_name_emojis.js"></script>
137145
<script src="scripts/source/page1/position/first_name_source_position.js"></script>
138146
<script src="scripts/source/page1/first_name_source_icon.js"></script>
139-
<script src="scripts/history/page1/first_name_time.js"></script>
140147
<script src="scripts/generations/page1/generate_first_name.js"></script>
141148
</div>
142149

@@ -169,7 +176,6 @@
169176
<script src="scripts/emojis/page1/middle_name_emojis.js"></script>
170177
<script src="scripts/source/page1/position/middle_name_source_position.js"></script>
171178
<script src="scripts/source/page1/middle_name_source_icon.js"></script>
172-
<script src="scripts/history/page1/middle_name_time.js"></script>
173179
<script src="scripts/generations/page1/generate_middle_name.js"></script>
174180
</div>
175181

@@ -202,7 +208,6 @@
202208
<script src="scripts/emojis/page1/last_name_emojis.js"></script>
203209
<script src="scripts/source/page1/position/last_name_source_position.js"></script>
204210
<script src="scripts/source/page1/last_name_source_icon.js"></script>
205-
<script src="scripts/history/page1/last_name_time.js"></script>
206211
<script src="scripts/generations/page1/generate_last_name.js"></script>
207212
</div>
208213
</div>
@@ -237,7 +242,6 @@
237242
<script src="scripts/emojis/page1/nickname_emojis.js"></script>
238243
<script src="scripts/source/page1/position/nickname_source_position.js"></script>
239244
<script src="scripts/source/page1/nickname_source_icon.js"></script>
240-
<script src="scripts/history/page1/nickname_time.js"></script>
241245
<script src="scripts/generations/page1/generate_nickname.js"></script>
242246
</div>
243247
</div>
@@ -272,7 +276,6 @@
272276
<script src="scripts/emojis/page1/alias_emojis.js"></script>
273277
<script src="scripts/source/page1/position/alias_source_position.js"></script>
274278
<script src="scripts/source/page1/alias_source_icon.js"></script>
275-
<script src="scripts/history/page1/alias_time.js"></script>
276279
<script src="scripts/generations/page1/generate_alias.js"></script>
277280
</div>
278281
</div>
@@ -307,7 +310,6 @@
307310
<script src="scripts/emojis/page1/alter_ego_emojis.js"></script>
308311
<script src="scripts/source/page1/position/alter_ego_source_position.js"></script>
309312
<script src="scripts/source/page1/alter_ego_source_icon.js"></script>
310-
<script src="scripts/history/page1/alter_ego_time.js"></script>
311313
<script src="scripts/generations/page1/generate_alter_ego.js"></script>
312314
</div>
313315
</div>
@@ -342,7 +344,6 @@
342344
<script src="scripts/emojis/page1/prefix_emojis.js"></script>
343345
<script src="scripts/source/page1/position/prefix_source_position.js"></script>
344346
<script src="scripts/source/page1/prefix_source_icon.js"></script>
345-
<script src="scripts/history/page1/prefix_time.js"></script>
346347
<script src="scripts/generations/page1/generate_prefix.js"></script>
347348
</div>
348349

@@ -375,7 +376,6 @@
375376
<script src="scripts/emojis/page1/suffix_emojis.js"></script>
376377
<script src="scripts/source/page1/position/suffix_source_position.js"></script>
377378
<script src="scripts/source/page1/suffix_source_icon.js"></script>
378-
<script src="scripts/history/page1/suffix_time.js"></script>
379379
<script src="scripts/generations/page1/generate_suffix.js"></script>
380380
</div>
381381
</div>
@@ -410,7 +410,6 @@
410410
<script src="scripts/emojis/page1/former_name_emojis.js"></script>
411411
<script src="scripts/source/page1/position/former_name_source_position.js"></script>
412412
<script src="scripts/source/page1/former_name_source_icon.js"></script>
413-
<script src="scripts/history/page1/former_name_time.js"></script>
414413
<script src="scripts/generations/page1/generate_former_name.js"></script>
415414
</div>
416415
</div>
@@ -445,7 +444,6 @@
445444
<script src="scripts/emojis/page1/name_origin_emojis.js"></script>
446445
<script src="scripts/source/page1/position/name_origin_source_position.js"></script>
447446
<script src="scripts/source/page1/name_origin_source_icon.js"></script>
448-
<script src="scripts/history/page1/name_origin_time.js"></script>
449447
<script src="scripts/generations/page1/generate_name_origin.js"></script>
450448
</div>
451449
</div>
@@ -480,7 +478,6 @@
480478
<script src="scripts/emojis/page1/personal_thoughts_name_emojis.js"></script>
481479
<script src="scripts/source/page1/position/personal_thoughts_name_source_position.js"></script>
482480
<script src="scripts/source/page1/personal_thoughts_name_source_icon.js"></script>
483-
<script src="scripts/history/page1/personal_thoughts_name_time.js"></script>
484481
<script src="scripts/generations/page1/generate_personal_thoughts_name.js"></script>
485482
</div>
486483
</div>
@@ -521,19 +518,19 @@
521518
<!-- /////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\ -->
522519
<div class="popup" id="popup_0">
523520
<div class="popup_text">
524-
<a style="font-size: 26px; color: #5e467f;" href="https://www.github.com/OpenProfileDevs/OP5-Preview" target="_blank" >OpenProfile v5.0.026 Preview</a>
521+
<a style="font-size: 26px; color: #5e467f;" href="https://www.github.com/OpenProfileDevs/OP5-Preview" target="_blank" >OpenProfile v5.0.027 Preview</a>
525522
<p id="seperator">Preview versions are basically nightly updates with rough edges! Not recommended for production work.</p>
526523
<br id="seperator">
527524
<p style="font-size: 14px;" id="seperator">(click anywhere to dismiss)</p>
528525
<br id="seperator">
529-
<p style="font-size: 12px;" id="seperator">💡 Did you know there is currently over 5,200 lines of active code in the OP5?</p>
526+
<p style="font-size: 12px;" id="seperator">💡 Did you know there is currently over 4,200 lines of active code in the OP5?</p>
530527
</div>
531528
</div>
532529

533530
<!-- /////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\ -->
534531
<!-- //////////////////|| DEVELOPER ||\\\\\\\\\\\\\\\\\\ -->
535532
<!-- /////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\ -->
536-
533+
<script src="scripts/history/generate_timestamp.js"></script>
537534
<script src="scripts/pages/switch_page.js"></script>
538535

539536
<!-- Larger scripts -->

‎scripts/console.js

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
// Get the button and console elements by their IDs
2+
const showConsoleButton = document.getElementById("console_tab");
3+
const consoleElement = document.getElementById("console");
4+
5+
// Flag to track whether the console is open
6+
let isConsoleOpen = false;
7+
8+
// Function to toggle the visibility of the console
9+
function toggleConsole() {
10+
if (isConsoleOpen) {
11+
consoleElement.style.display = "none";
12+
} else {
13+
consoleElement.style.display = "block";
14+
}
15+
isConsoleOpen = !isConsoleOpen;
16+
}
17+
18+
// Add a double-click event listener to the button
19+
showConsoleButton.addEventListener("click", toggleConsole);
20+
21+
// Function to start dragging
22+
function startDrag(e) {
23+
isDragging = true;
24+
offsetX = e.clientX - consoleElement.getBoundingClientRect().left;
25+
offsetY = e.clientY - consoleElement.getBoundingClientRect().top;
26+
27+
// Add a class to change the cursor appearance while dragging
28+
consoleElement.classList.add("dragging");
29+
}
30+
31+
// Function to stop dragging
32+
function stopDrag() {
33+
isDragging = false;
34+
35+
// Remove the dragging class to restore the cursor appearance
36+
consoleElement.classList.remove("dragging");
37+
}
38+
39+
// Function to move the element when dragging
40+
function drag(e) {
41+
if (isDragging) {
42+
const x = e.clientX - offsetX;
43+
const y = e.clientY - offsetY;
44+
45+
// Set the new position of the draggable element
46+
consoleElement.style.left = x + "px";
47+
consoleElement.style.top = y + "px";
48+
}
49+
}
50+
51+
// Add event listeners for mouse events
52+
consoleElement.addEventListener("mousedown", startDrag);
53+
document.addEventListener("mouseup", stopDrag);
54+
document.addEventListener("mousemove", drag);

0 commit comments

Comments
 (0)