aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--display.html94
-rw-r--r--readme.md1
-rw-r--r--src/img/cmd.pngbin0 -> 382 bytes
-rw-r--r--src/img/dir.pngbin0 -> 425 bytes
-rw-r--r--src/img/docs.pngbin0 -> 695 bytes
-rw-r--r--src/img/explorer.pngbin0 -> 1060 bytes
-rw-r--r--src/img/favorites.pngbin0 -> 612 bytes
-rw-r--r--src/img/find.pngbin0 -> 537 bytes
-rw-r--r--src/img/help.pngbin0 -> 681 bytes
-rw-r--r--src/img/log-off.pngbin0 -> 600 bytes
-rw-r--r--src/img/notepad.pngbin0 -> 479 bytes
-rw-r--r--src/img/programs.pngbin0 -> 494 bytes
-rw-r--r--src/img/run.pngbin0 -> 492 bytes
-rw-r--r--src/img/settings.pngbin0 -> 521 bytes
-rw-r--r--src/img/shut-down.pngbin0 -> 476 bytes
-rw-r--r--src/img/update.pngbin0 -> 754 bytes
-rw-r--r--src/img/windows.pngbin0 -> 458 bytes
17 files changed, 88 insertions, 7 deletions
diff --git a/display.html b/display.html
index 1b42867..2d1b4a1 100644
--- a/display.html
+++ b/display.html
@@ -205,10 +205,59 @@
}
#bar-menu {
- display: block;
+ display: flex;
+ position: relative;
+ height: calc(100% - 5px);
+ font-size: large;
+ padding: 3px;
+ user-select: none;
+ padding-left: 10px;
+ padding-right: 10px;
+ outline: 2px outset;
+ outline-offset: -2px;
+ cursor: pointer;
+
+
+ }
+ #bar-menu-root {
+ padding-top: 2px;
+ height:280px;
+ width:180px;
+ background-color: #c7c7c7;
+ position: absolute;
+ border-style:outset;
+ bottom:30px;
+ display: none;
+ }
+ .bar-menu-item{
+ padding-left:5px;
+ width: 100%;
+ height:25px;
+ display:flex;
+ font-size: 14px;
+ font-weight: bold;
+ padding-top: 1px;
+ }
+ .bar-menu-image{
+ height: 18px;
+ padding-left:5px;
+ padding-right:5px;
+ }
+ .bar-menu-text{
+ position: absolute;
+ left:30px;
+ padding-top:2px;
+ }
+ .bar-menu-separator{
+ width:calc(100% - 20px);
+ height: 3px;
+ margin-bottom: 5px;
+ background-color: #a1a1a1;
+ border-style:none none solid none;
+ border-color:#dddddd;
+ border-width:2px;
+ left:10px;
position: relative;
- height: 100%;
- background-color: red;
}
</style>
<script>
@@ -276,7 +325,15 @@
})
let px = 0;
document.onmousemove = ((evm) => {
- console.log(elemy.parentElement.clientWidth * (evm.clientX / elemy.parentElement.clientWidth) - (elemy.parentElement.offsetLeft + document.getElementById("root").offsetLeft))
+ if((elemy.parentElement.clientWidth * (evm.clientX / elemy.parentElement.clientWidth) - (elemy.parentElement.offsetLeft + document.getElementById("root").offsetLeft + (elemy.clientWidth/2)))>0){
+ if((elemy.parentElement.clientWidth * (evm.clientX / elemy.parentElement.clientWidth) - (elemy.parentElement.offsetLeft + document.getElementById("root").offsetLeft - (elemy.clientWidth/2)))<elemy.parentElement.clientWidth -5){
+ elemy.style.left =(elemy.parentElement.clientWidth * (evm.clientX / elemy.parentElement.clientWidth) - (elemy.parentElement.offsetLeft + document.getElementById("root").offsetLeft + (elemy.clientWidth /2)))
+ }else {
+ elemy.style.left = elemy.parentElement.clientWidth - elemy.clientWidth - 5
+ }
+ } else {
+ elemy.style.left = 0;
+ }
//console.log((px - evm.clientX), px, evm.clientX, m)
})
@@ -565,16 +622,25 @@
}
+ function main(){
+ document.getElementById("bar-menu").onclick = ((ev)=>{
+ if(document.getElementById("bar-menu-root").style.display=="block")
+ document.getElementById("bar-menu-root").style.display = "none"
+ else
+ document.getElementById("bar-menu-root").style.display = "block"
+ })
+ }
</script>
</head>
<body
- onload="window_create(1,'hewwo','hi</br></br></br></br></br></br></br></br></br></br></br></br>hi');window_create(2,'uwu','uwu');load_bar()">
+ onload="window_create(1,'hewwo','hi</br></br></br></br></br></br></br></br></br></br></br></br>hi');window_create(2,'uwu','uwu');load_bar();main()">
<div id="root">
<div id="bar">
<div id="bar-children">
- <div id="bar-menu">uwu
+ <div id="bar-menu" ><img src="./src/img/windows.png"><pre> </pre>Start
+
</div>
<div id="bar-items">
</div>
@@ -582,7 +648,21 @@
</div>
</div>
+ <div id="bar-menu-root">
+ <div class="bar-menu-item" id="bar-menu-windows-update"><img class="bar-menu-image" src="./src/img/update.png"><div class="bar-menu-text">Windows Update</div></div>
+ <div class="bar-menu-separator"></div>
+ <div class="bar-menu-item" id="bar-menu-programs"><img class="bar-menu-image" src="./src/img/programs.png"><div class="bar-menu-text">Programs</div></div>
+ <div class="bar-menu-item" id="bar-menu-favorites"><img class="bar-menu-image" src="./src/img/favorites.png"><div class="bar-menu-text">Favorites</div></div>
+ <div class="bar-menu-item" id="bar-menu-docs"><img class="bar-menu-image" src="./src/img/docs.png"><div class="bar-menu-text">Documents</div></div>
+ <div class="bar-menu-item" id="bar-menu-settings"><img class="bar-menu-image" style="height:25px" src="./src/img/settings.png"><div class="bar-menu-text">Settings</div></div>
+ <div class="bar-menu-item" id="bar-menu-find"><img class="bar-menu-image" style="height:25px" src="./src/img/find.png"><div class="bar-menu-text">Find</div></div>
+ <div class="bar-menu-item" id="bar-menu-help"><img class="bar-menu-image" src="./src/img/help.png"><div class="bar-menu-text">Help</div></div>
+ <div class="bar-menu-item" id="bar-menu-run"><img class="bar-menu-image" src="./src/img/run.png"><div class="bar-menu-text">Run</div></div>
+ <div class="bar-menu-separator"></div>
+ <div class="bar-menu-item" id="bar-menu-help"><img class="bar-menu-image" style="height:24px" src="./src/img/log-off.png"><div class="bar-menu-text">Log Off...</div></div>
+ <div class="bar-menu-item" id="bar-menu-run"><img class="bar-menu-image" style="height:24px" src="./src/img/shut-down.png"><div class="bar-menu-text">Shut Down...</div></div>
+ </div>
</div>
</body>
-</html> \ No newline at end of file
+</html>
diff --git a/readme.md b/readme.md
index dec8fbd..2ac3e88 100644
--- a/readme.md
+++ b/readme.md
@@ -1,5 +1,6 @@
credits:</br>
display-font (src/98.ttf): [Levi Windows](https://www.dafont.com/leviwindows.font?text=All+your+base+belong+to+us.+Cancel+OK)</br>
badges (badges/\*): [here uwu](https://cyber.dabamos.de/88x31/) and [here](https://neonaut.neocities.org/cyber/88x31)</br>
+icons (src/img/\*): [here](https://win98icons.alexmeub.com/)</br>
<img alt="./badges\000010.gif" title="./badges\000010.gif" src="./badges\000010.gif"> <img alt="./badges\104.gif" title="./badges\104.gif" src="./badges\104.gif"> <img alt="./badges\1of2.gif" title="./badges\1of2.gif" src="./badges\1of2.gif"> <img alt="./badges\anibanner.gif" title="./badges\anibanner.gif" src="./badges\anibanner.gif"> <img alt="./badges\anticodeandrun.gif" title="./badges\anticodeandrun.gif" src="./badges\anticodeandrun.gif"> <img alt="./badges\arizona.gif" title="./badges\arizona.gif" src="./badges\arizona.gif"> <img alt="./badges\asexuals_now.gif" title="./badges\asexuals_now.gif" src="./badges\asexuals_now.gif"> <img alt="./badges\beyes.gif" title="./badges\beyes.gif" src="./badges\beyes.gif"> <img alt="./badges\calcium.png" title="./badges\calcium.png" src="./badges\calcium.png"> <img alt="./badges\catp0rtal.gif" title="./badges\catp0rtal.gif" src="./badges\catp0rtal.gif"> <img alt="./badges\css.png" title="./badges\css.png" src="./badges\css.png"> <img alt="./badges\css2.gif" title="./badges\css2.gif" src="./badges\css2.gif"> <img alt="./badges\devils.gif" title="./badges\devils.gif" src="./badges\devils.gif"> <img alt="./badges\digby88.gif" title="./badges\digby88.gif" src="./badges\digby88.gif"> <img alt="./badges\dramaturgie.gif" title="./badges\dramaturgie.gif" src="./badges\dramaturgie.gif"> <img alt="./badges\finger-logo-people.gif" title="./badges\finger-logo-people.gif" src="./badges\finger-logo-people.gif"> <img alt="./badges\firefox4.gif" title="./badges\firefox4.gif" src="./badges\firefox4.gif"> <img alt="./badges\friday-girl.gif" title="./badges\friday-girl.gif" src="./badges\friday-girl.gif"> <img alt="./badges\getbsod.gif" title="./badges\getbsod.gif" src="./badges\getbsod.gif"> <img alt="./badges\hexrain.png" title="./badges\hexrain.png" src="./badges\hexrain.png"> <img alt="./badges\linuxnow2.gif" title="./badges\linuxnow2.gif" src="./badges\linuxnow2.gif"> <img alt="./badges\neovim.gif" title="./badges\neovim.gif" src="./badges\neovim.gif"> <img alt="./badges\nya2.gif" title="./badges\nya2.gif" src="./badges\nya2.gif"> <img alt="./badges\reshirii.gif" title="./badges\reshirii.gif" src="./badges\reshirii.gif"> <img alt="./badges\thatwhitehand.png" title="./badges\thatwhitehand.png" src="./badges\thatwhitehand.png"> <img alt="./badges\transistor_cafe.gif" title="./badges\transistor_cafe.gif" src="./badges\transistor_cafe.gif"> <img alt="./badges\transnow2.gif" title="./badges\transnow2.gif" src="./badges\transnow2.gif"> <img alt="./badges\zettai.gif" title="./badges\zettai.gif" src="./badges\zettai.gif">
diff --git a/src/img/cmd.png b/src/img/cmd.png
new file mode 100644
index 0000000..78af341
--- /dev/null
+++ b/src/img/cmd.png
Binary files differ
diff --git a/src/img/dir.png b/src/img/dir.png
new file mode 100644
index 0000000..b6f5df5
--- /dev/null
+++ b/src/img/dir.png
Binary files differ
diff --git a/src/img/docs.png b/src/img/docs.png
new file mode 100644
index 0000000..5852574
--- /dev/null
+++ b/src/img/docs.png
Binary files differ
diff --git a/src/img/explorer.png b/src/img/explorer.png
new file mode 100644
index 0000000..d6073c7
--- /dev/null
+++ b/src/img/explorer.png
Binary files differ
diff --git a/src/img/favorites.png b/src/img/favorites.png
new file mode 100644
index 0000000..113bc81
--- /dev/null
+++ b/src/img/favorites.png
Binary files differ
diff --git a/src/img/find.png b/src/img/find.png
new file mode 100644
index 0000000..ca46c5e
--- /dev/null
+++ b/src/img/find.png
Binary files differ
diff --git a/src/img/help.png b/src/img/help.png
new file mode 100644
index 0000000..1a0de60
--- /dev/null
+++ b/src/img/help.png
Binary files differ
diff --git a/src/img/log-off.png b/src/img/log-off.png
new file mode 100644
index 0000000..4e50f0e
--- /dev/null
+++ b/src/img/log-off.png
Binary files differ
diff --git a/src/img/notepad.png b/src/img/notepad.png
new file mode 100644
index 0000000..f55bb78
--- /dev/null
+++ b/src/img/notepad.png
Binary files differ
diff --git a/src/img/programs.png b/src/img/programs.png
new file mode 100644
index 0000000..f17cc81
--- /dev/null
+++ b/src/img/programs.png
Binary files differ
diff --git a/src/img/run.png b/src/img/run.png
new file mode 100644
index 0000000..793a236
--- /dev/null
+++ b/src/img/run.png
Binary files differ
diff --git a/src/img/settings.png b/src/img/settings.png
new file mode 100644
index 0000000..70e5a7d
--- /dev/null
+++ b/src/img/settings.png
Binary files differ
diff --git a/src/img/shut-down.png b/src/img/shut-down.png
new file mode 100644
index 0000000..1766292
--- /dev/null
+++ b/src/img/shut-down.png
Binary files differ
diff --git a/src/img/update.png b/src/img/update.png
new file mode 100644
index 0000000..0aa056f
--- /dev/null
+++ b/src/img/update.png
Binary files differ
diff --git a/src/img/windows.png b/src/img/windows.png
new file mode 100644
index 0000000..572511d
--- /dev/null
+++ b/src/img/windows.png
Binary files differ
generated by cgit v1.2.3 (git 2.25.1) at 2025-05-30 16:15:07 +0000