lily/wtfxus-home
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
wtfxus-home/public/portfolio/kio-tape/index.html

271 lines
9.9 KiB
HTML
Raw Normal View History

first commit
2023-07-02 21:26:24 +00:00
<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>KIO TAPE</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="author" content="Why They Fight">
<meta name="generator" content="Hugo 0.111.3">
<!-- Bootstrap -->
<link rel="stylesheet" href="http://home.whytheyfight.com/css/bootstrap.min.css" />
<!-- font-awesome -->
<link rel="stylesheet" href="http://home.whytheyfight.com/font-awesome/css/font-awesome.min.css" />
<!-- Main Stylesheets -->
<link href="http://home.whytheyfight.com/scss/style.min.css" rel="stylesheet" />
<link rel="shortcut icon" href="http://home.whytheyfight.com/images/favicon.png" type="image/x-icon" />
<link rel="icon" href="http://home.whytheyfight.com/images/favicon.ico" type="image/x-icon" />
</head><body><nav class="navbar navbar-expand-lg site-navigation">
<div class="container">
<a class="navbar-brand" href="http://home.whytheyfight.com">
<img src="http://home.whytheyfight.com/images/logo.png" alt="logo" />
</a>
<button
class="navbar-toggler collapsed"
type="button"
data-toggle="collapse"
data-target="#sitenavbar"
>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="sitenavbar">
<ul class="navbar-nav ml-auto main-nav">
<li class="nav-item">
<a class="nav-link" href="https://home.whytheyfight.com"
>Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="http://home.whytheyfight.com/about"
>About</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="http://home.whytheyfight.com/portfolio"
>Portfolio</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="https://blog.whytheyfight.com"
>Blog</a
>
</li>
<li class="nav-item">
<a
class="nav-link btn btn-sm btn-primary btn-sm-rounded"
href="https://beta.whytheyfight.com"
>
<span class="btn-area">
<span data-text="Check out the beta!">
Check out the beta!
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<section class="site-project-single-section">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="site-project-single">
<h1>
KIO TAPE
</h1>
<div class="site-project-single-description">
<p>The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.</p>
<p>The watch has the following features:</p>
<p>Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.</p>
<p>Light: Pressing the light button on the side of the watch activates a light while the button is pressed. Pressing and holding that button for 3 seconds turns on the light and keeps it on, until the button is held again for 3 seconds or up to 2 hours. After 2 hours, it will automatically turn off.</p>
<p>Alarm. A daily alarm may be set for a given time. The alarm may be enabled or disabled. When the alarm is enabled and the alarm time is reached, the watch will beep fast for 5 seconds, then slowly for 30 seconds, then fast for another 5 seconds. Pressing any button stops the alarm sound (in addition to performing its normal function).</p>
<p>Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.</p>
<p>Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.</p>
<p>Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.</p>
<p>The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.</p>
</div>
<div class="site-project-single-image">
<img src="http://home.whytheyfight.com/images/projects/project-details-image-one.jpg" alt="project image">
<img src="http://home.whytheyfight.com/images/projects/project-details-image-two.jpg" alt="project image">
</div>
<div class="site-project-single-action">
<a href="http://home.whytheyfight.com/portfolio/fakefriends/">
<span class="link-area">
<span data-text="Next Project">
Next Project
</span>
</span>
<img src="http://home.whytheyfight.com/images/to-top.svg" alt="next project">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="site-cta" style='background-image: url("http://home.whytheyfight.com/images/backgrounds/cta-background.jpg");'>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="site-cta-title">LET’S WORK TOGETHER</h1>
<ul class="site-cta-buttons">
<li>
<a href="http://home.whytheyfight.com/contact" class="btn btn-secondary">
<span class="btn-area">
<span data-text="Submit Query">
Submit Query
</span>
</span>
</a>
</li>
<li>
<a href="http://home.whytheyfight.com/portfolio" class="btn btn-primary">
<span class="btn-area">
<span data-text="Not Convinced">
Not Convinced
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</main><footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="site-footer-logo"><a href="http://home.whytheyfight.com"><img src="http://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
</div>
<div class="col-lg-3 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">Contact Info</h5>
<p class="site-footer-widget-description">
<br>
<a href="tel:"></a>
<br>
<a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
</p>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">Sitemap</h5>
<ul class="site-footer-widget-links">
<li><a href="http://home.whytheyfight.com/about">About WTFxUS</a></li>
<li><a href="http://home.whytheyfight.com/portfolio">Projects</a></li>
<li><a href="https://blog.whytheyfight.com">Blog</a></li>
<li><a href="http://home.whytheyfight.com/contact">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">Social Media</h5>
<ul class="site-footer-widget-links">
<li><a href="https://social.whytheyfight.com">Mastodon</a></li>
<li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
<li><a href="https://discord.whytheyfight.com">Discord</a></li>
<li><a href="https://blog.whytheyfight.com">Blog</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">We help artists:</h5>
<p class="site-footer-widget-description">
develop music<br>in an open source environment<br>safe from third party tracking
</p>
</div>
</div>
<div class="col-lg-2 col-12">
<a href="#top" class="site-footer-widget-top">
<img src="http://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
<p>
I want to
<br>
visit again
</p>
</a>
</div>
<div class="col-12">
<div class="site-footer-copyright">
<p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
</div>
</div>
</div>
</div>
</footer>
<script src="http://home.whytheyfight.com/js/vendor.min.js"></script>
<script src="http://home.whytheyfight.com/js/script.min.js"></script></body>
</html>
Reference in a new issue Copy permalink