125 lines
5.3 KiB
HTML
125 lines
5.3 KiB
HTML
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Görkem's Café</title>
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="https://unpkg.com/98.css">
|
|||
|
|
<link rel="stylesheet" href="style.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="container"><div id="header" style=" height: 130px; background-position: center center;"></div>
|
|||
|
|
<div id="headerArea">
|
|||
|
|
|
|||
|
|
<nav id="navbar" style="margin-bottom: 10px;">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#"><button onclick="location.href='./index3.html';"><img class="icon" style="vertical-align: middle;" src="./icons/address_book_home.png"></img><h4>Home</h4></button></a></li>
|
|||
|
|
<li><a href="#"><button ><img class="icon" style="vertical-align: middle;" src="./icons/defragment-0.png"></img><h4>Projects</h4></button></a></li>
|
|||
|
|
<li><a href="#"><button class="active"><img class="icon" style="vertical-align: middle;" src="./icons/network_cool_two_pcs-5.png"></img><h4>Café</h4></button></a></li>
|
|||
|
|
<!-- <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/tools_gear-0.png"></img><h4>DIY</h4></button></a></li> -->
|
|||
|
|
<li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/help_sheet-0.png"></img><h4>About</h4></button></a></li>
|
|||
|
|
<li><a href="#"><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" src="./icons/internet_connection_wiz-0.png"></img><h4>Links</h4></button></a></li>
|
|||
|
|
<!-- <li><a href="#"><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" src="./icons/address_book_pad_users.png"></img><h4>Teaching</h4></button></a></li> -->
|
|||
|
|
<li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/expand_hierarchial_array-0.png"></img><h4>Sitemap</h4></button></a></li>
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
<div class="tooltip" role="tooltip">
|
|||
|
|
<emoji-picker></emoji-picker>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="flex">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- <aside id="leftSidebar" style="margin-right: 10px;"> -->
|
|||
|
|
<!-- <div class="title">Navigation</div> -->
|
|||
|
|
<!-- <h2>Updates</h2> -->
|
|||
|
|
<!-- <h2>🏠Home</h2>
|
|||
|
|
<h2>❓About</h2>
|
|||
|
|
<h2>🛠️DIY</h2>
|
|||
|
|
<h2>📓Notes</h2> -->
|
|||
|
|
<!-- <div class="box">
|
|||
|
|
|
|||
|
|
</div> -->
|
|||
|
|
|
|||
|
|
<!-- </aside> -->
|
|||
|
|
<div class="left-box">
|
|||
|
|
<div class="window main-left">
|
|||
|
|
<div class="title-bar">
|
|||
|
|
<div class="title-bar-text">Lounge.exe</div>
|
|||
|
|
<div class="title-bar-controls">
|
|||
|
|
<!-- <button aria-label="Help"></button> -->
|
|||
|
|
<button disabled aria-label="Close"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="window-body">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<main>
|
|||
|
|
<canvas id="canvas"></canvas>
|
|||
|
|
|
|||
|
|
<!-- <canvas id="canvas"></canvas> -->
|
|||
|
|
|
|||
|
|
<form id="textInput" action="" >
|
|||
|
|
<div class="inputWrapper"> <input placeholder="Say something" maxlength="20" required="required" id="input" autocomplete="off" /><button type="button" id="emojiButton">🙂</button></div><button id="messageButton">Send</button>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="right-box">
|
|||
|
|
<div class="window main-right">
|
|||
|
|
<div class="title-bar inactive">
|
|||
|
|
<div class="title-bar-text">Instructions.txt</div>
|
|||
|
|
<div class="title-bar-controls">
|
|||
|
|
<button aria-label="Help"></button>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="window-body">
|
|||
|
|
<aside id="rightSidebar">
|
|||
|
|
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
|||
|
|
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
|||
|
|
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
|||
|
|
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<footer id="footer" style="margin-top: 10px;">CC0 Public Domain, 2023</footer>
|
|||
|
|
</div>
|
|||
|
|
<!-- THIS IS THE CSS !-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
<script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script>
|
|||
|
|
<script src="./classes/Sprite.js"></script>
|
|||
|
|
<script src="./classes/Player.js"></script>
|
|||
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script>
|
|||
|
|
<script type="module" src="popup.js"></script>
|
|||
|
|
<script src="index.js"></script>
|
|||
|
|
|
|||
|
|
</html>
|