Skip to content

Commit

Permalink
chore: update landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@peter-nguyen-netizen
peter-nguyen-netizen committed Nov 20, 2024
1 parent 3499f5a commit afe5c38
Show file tree
Hide file tree
Showing 3 changed files with 212 additions and 157 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
169 changes: 169 additions & 0 deletions bk.index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="Translate selected text with a keystroke" name="description" />
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport">
<link href='/tunlookup/css/normalize.css' rel='stylesheet' type='text/css'>
<link href='/tunlookup/css/basic.css' rel='stylesheet' type='text/css'>
<link href='/tunlookup/css/framework.css' rel='stylesheet' type='text/css'>
<link href="/tunlookup/images/favicon.ico" rel="shortcut icon" type="favicon/ico" />
<link href='//fonts.googleapis.com/css?family=Abel|Roboto:400|Roboto+Condensed:400|Roboto+Mono:400' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<title>Tunlookup - Translate selected text with a keystroke</title>
<meta property="og:title" content="Translate selected text with a keystroke for Mac / Windows">
<meta property="og:description" content="Translate selected text with a keystroke">
<meta property="og:image" content="https://thephucit.github.io/tunlookup/images/icon.png">
<meta property="og:image:width" content="872" />
<meta property="og:image:height" content="436" />
<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="@thephuc_it">
<meta name="twitter:title" content="Translate selected text with a keystroke for Mac / Windows">
<meta name="twitter:description" content="Translate selected text with a keystroke" />
<meta name="twitter:image" content="https://thephucit.github.io/tunlookup/images/icon.png">
<meta name="twitter:domain" content="https://thephucit.github.io/tunlookup/">
<meta itemprop="name" content="Translate selected text with a keystroke for Mac / Windows">
<meta itemprop="description" content="Translate selected text with a keystroke">
<meta itemprop="image" content="https://thephucit.github.io/tunlookup/images/icon.png">
<style>
.avatar {
border-radius: 50%;
margin-bottom: 1.35rem;
margin-top: .45rem;
vertical-align: middle;
width: 120px;
}
.logo-tunlookup {
margin-bottom: 1.35rem;
margin-top: .45rem;
vertical-align: middle;
width: 120px;
}
body {
background: url(https://images.pexels.com/photos/461077/pexels-photo-461077.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body>
<header>
<div class="container" style="padding: 3.6rem 0 3.6rem;">
<h1 style="color: #f1c40f; font-size: 5rem; font-weight: 600; line-height: normal; margin-bottom: .9rem;"><img class="logo-tunlookup" src="/tunlookup/images/icon.png">Tunlookup</h1>
<h2 style="margin-bottom: .9rem; line-height: normal;">Translate selected text with a keystroke</h2>
<p style="color: #7f8c8d; line-height: normal; font-family: Roboto; font-size: 1rem; margin-bottom: 1.8rem;"><a target="_blank" href="https://github.com/thephucit/tunlookup/releases/tag/4.0.0" style="color:#f1c40f">Version 4.0.0</a> <span style="color: #fff">available for Mac, Windows</span></p>
<div class="buttons">
<a class="button paddle_button" href="https://github.com/thephucit/tunlookup/releases/download/4.0.0/Tunlookup.Setup.4.0.0.exe" data-product="506943" data-theme="none"><i class="fa fa-windows" aria-hidden="true"></i> Windows</a>
<a class="button paddle_button" href="https://github.com/thephucit/tunlookup/releases/download/4.0.0/Tunlookup-4.0.0-arm64.dmg" data-product="506943" data-theme="none"><i class="fa fa-apple" aria-hidden="true"></i> Silicon</a>
<a class="button paddle_button" href="https://github.com/thephucit/tunlookup/releases/download/4.0.0/Tunlookup-4.0.0.dmg" data-product="506943" data-theme="none"><i class="fa fa-apple" aria-hidden="true"></i> Intel</a>
</div>
</div>
<div class="placeholder">
<div style="position: relative;">
<img class="placeholder__image" src="/tunlookup/images/placeholder.png">
<div class="screenshot">
<video muted autoplay loop class="screenshot__image" src="/tunlookup/resource/capture.mp4" type="video/mp4"></video>
</div>
</div>
</div>
</header>

<section>
<h2 class="header-title">Full-featured of Tunlookup</h2>
<div class="container">
<div class="row">
<div class="column feature">
<h3>Keyboard shortcuts 1</h3>
<small style="color: #f1c40f">(Version 3.0.3 and earlier)</small>
<p>Window <kbd class="key">Ctrl + C</kbd> <kbd class="key">Ctrl + Q</kbd></p>
<p>Mac OS <kbd class="key">⌘ + C</kbd> <kbd class="key">⌘ + D</kbd></p>
</div>
<div class="column feature">
<h3>Keyboard shortcuts 2</h3>
<small style="color: #f1c40f">(Version 3.0.4 onwards)</small>
<p>Window <kbd class="key">Ctrl + Q</kbd></p>
<p>Mac OS <kbd class="key">⌘ + D</kbd></p>
</div>
<div class="column feature">
<h3>History management</h3>
<p>You can add the translated word to your own dictionary and watch it later.</p>
</div>
<div class="column feature">
<h3>Cross-platform</h3>
<p>Tunlookup works across operating systems. You can use it on MacOS, Windows.</p>
</div>
</div>
</div>
</section>

<section>
<h2 class="header-title">What new?</h2>
<div class="container">
<div class="row">
<div class="column">
<div class="column feature">
<p>
From version 3.0.4 onwards, If you want to use <strong>Keyboard shortcuts 2</strong> <br>
you must allow <strong>Tunlookup</strong> to control your computer (in Security & Privacy)
</p>
<img src="/tunlookup/images/security.png" width="70%">
</div>
</div>
</div>
</div>
</section>

<section>
<h2 class="header-title">Buy me a coffee</h2>
<div class="container">
<div class="row">
<div class="column">
<div class="column feature">
<p>
If you think Tunlookup is useful to you, then it's a good reason to do a donation. <br>
Your gratitude and finance help will motivate me to continue Tunlookup project development.
</p>
<script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Buy me a coffee', '#f1c40f', 'T6T5V9E9');kofiwidget2.draw();</script>
<!-- <a href="https://www.paypal.me/thephuc" rel="nofollow"><img src="/images/paypal-donate.png" alt="Donate with PayPal" width="100" style="max-width:100%;"></a> -->
</div>
</div>
</div>
</div>
</section>

<section>
<div class="container">
<script src="https://utteranc.es/client.js"
repo="thephucit/app-tunlookup-comment"
issue-term="pathname"
theme="github-light"
crossorigin="anonymous"
async>
</script>
<div class="utterances"></div>
</div>
</section>

<footer>
<nav>
<ul class="nav-list">
<li class="nav-item"><a href="https://github.com/thephucit/Tunlookup/releases" target="_blank">Release Notes</a></li>
<li class="nav-item"><a href="https://github.com/thephucit/Tunlookup/issues" target="_blank">Issue Tracker</a></li>
</ul>
</nav>
<div style="margin-top: 1.8rem;">
<span class="copyright">© 2016 - <script type="text/javascript">document.write(new Date().getFullYear());</script> Tunlookup</span>
</div>
</footer>
<div id="total_download" class="pc-only">
<p>TOTAL DOWNLOADS</p>
<ul></ul>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type='text/javascript' src='/tunlookup/js/common.js'></script>
<!-- <script type='text/javascript' src='/js/snow.js'></script> -->
</body>
</html>
Loading

0 comments on commit afe5c38

Please sign in to comment.