| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- HTML Meta Tags -->
- <title>Homepage | WebStick</title>
- <meta name="description" content="A tiny web server powered by ESP8266, designed by tobychui">
- <meta name="viewport" content="width=device-width, initial-scale=1" >
-
- <!-- Facebook Meta Tags -->
- <meta property="og:url" content="https://imuslab.com">
- <meta property="og:type" content="website">
- <meta property="og:title" content="Welcome to WebStick!">
- <meta property="og:description" content="A tiny web server powered by ESP8266, designed by tobychui">
- <meta property="og:image" content=" ">
- <!-- Twitter Meta Tags -->
- <meta name="twitter:card" content="summary_large_image">
- <meta property="twitter:domain" content="imuslab.com">
- <meta property="twitter:url" content="https://imuslab.com">
- <meta name="twitter:title" content="Welcome to WebStick!">
- <meta name="twitter:description" content="A tiny web server powered by ESP8266, designed by tobychui">
- <meta name="twitter:image" content=" ">
- <!-- CDN -->
- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.css">
- <script src="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.js"></script>
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet">
- </head>
- <body>
- <div class="ts-content">
- <div class="ts-tab is-segmented">
- <a class="item is-active" data-tab="home">Home</a>
- <a class="item" data-tab="about">About</a>
- <a class="item" data-tab="posts">Posts</a>
- <a class="item" data-tab="downloads">Downloads</a>
- <a class="item" data-tab="qr">QR</a>
- </div>
- <div class="has-top-spaced-small"></div>
- <div class="ts-content" id="home">
- <p>Welcome to the Home tab!</p>
- </div>
- <div class="ts-content" id="about">
-
- </div>
- <div class="ts-content" id="posts">
- <p>Check out the latest posts in the Posts tab.</p>
- </div>
- <div class="ts-content" id="downloads">
- <p>Find useful resources in the Downloads tab.</p>
- </div>
- <div class="ts-content" id="qr">
- <p>Generate QR codes in the QR tab.</p>
- </div>
-
- <div class="ts-divider"></div>
- <div class="ts-content">
- <p class="ts-text">This site is hosted on a WebStick designed by <a href="https://imuslab.com" target="_blank">tobychui</a></p>
- </div>
- </div>
-
- <script>
- $("#about").load("about.html");
- $("#qr").html('<iframe src="tool/qr.html" style="border: none; width: 100%; height: calc(100vh - 200px);"></iframe>');
- </script>
-
- <!--
- <div class="ui container" align="center">
- <br>
- <div class="ui fluid card charactercard">
- <div class="image" style="background-color: #ffe38d;" align="center">
- <div class="character ring">
- <div class="character infill">
- <img src="img/selfie.jpg" style="border-radius: 50%; width: 100%; user-select: none; pointer-events: none;">
- </div>
- </div>
- <h1 style="font-weight: bolder;">Hello visitor!</h1>
- <div class="dark divider"></div>
- <div class="ui breadcrumb">
- <div class="section">Software Engineer</div>
- <div class="divider"> / </div>
- <div class="section">Electronics Maker</div>
- </div>
- <div class="linkbuttons">
- <a class="ui fluid white button" href="about.html">About WebStick</a>
- <a class="ui fluid white button" href="blog/index.html">My Blog</a>
- <a class="ui fluid white button" href="down/"><i class="ui download icon"></i> Downloads</a>
- <a class="ui fluid white button" href="tool/qr.html"><i class="ui qrcode icon"></i> QR Code Generator</a>
- <div class="ui divider"></div>
- <a class="ui fluid white button" href="admin/"><i class="ui sign in icon"></i> Admin Panel</a>
- </div>
- </div>
- <div class="content" align="center">
- <a class="blacklink" href="https://www.youtube.com/channel/UCzbcGOZHO2BH-ANX7W0MGIg"><i class="big youtube icon"></i></a>
- <a class="blacklink" href="https://blog.imuslab.com"><i class="big wordpress icon"></i></a>
- <a class="blacklink" href="mailto:[email protected]"><i class="big envelope icon"></i></a>
- <a class="blacklink" href="https://github.com/tobychui/"><i class="big github icon"></i></a>
- <a class="blacklink" href="https://www.facebook.com/ImusLaboratory"><i class="big facebook icon"></i></a>
- </div>
- </div>
- <br>
- <p>This site is hosted on a WebStick designed by <a href="https://imuslab.com">imuslab</a></p>
- <br>
- </div>
- -->
- </body>
- </html>
|
