Skip to content

Commit

Permalink
UI added v0.1
Browse files Browse the repository at this point in the history
  • Loading branch information
wayofmani committed May 27, 2024
1 parent 8097a39 commit 4ef21e9
Show file tree
Hide file tree
Showing 23 changed files with 898 additions and 0 deletions.
Binary file added public/images/GabeN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/app-bg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/btn-bg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/btn-pattern.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/btn-primary-texture.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/fav-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/footer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/guide-playtime.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/guide-remove-dota.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added public/images/upcoming.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
78 changes: 78 additions & 0 deletions templates/how-to-find-dota2-playtime.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl" >
<head>

<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta
name="description"
content="روش پیدا کردن تایم پلی دوتا۲"
/>
<meta name="keywords"
content="دوتا ۲,dota 2, محاسبه تایم پلی دوتا۲, تایم پلی دوتا ۲, تایم پلی, Time Play Dota2"
/>
<meta name="author" content="Better Call US, بهتره با ما تماس بگیری" />
<meta name="copyright" content="bettercallus.org" />
<meta name="robots" content="no-follow"/>

<!-- SEO Title -->
<title> چطوری بفهمیم چقدر دوتا ۲ بازی کردیم؟- Better Call US</title>
<!-- Page Styles -->
<link rel="stylesheet" href="styles/style.css" type="text/css">
<link rel="shortcut icon" href="../public/images/fav-icon.png" type="image/x-icon">
</head>
<body>
<div class="container">

<!--
GabeN Image
Short biography about gaben
@wayofmani
-->
<blockquote class="guide">

<ol calss="txt-title-and-description">
<!-- Step 1 -->
<li>
<p class="title">استیم رو باز بکنید.</p>
<p class="description">و برید به لایبرری بازی هاتون و دوتا ۲ رو بیارید<div class=""></div></p>
</li><hr>

<!-- Step 2 -->
<li>
<p class="title">کنار دکمه پلی </p>
<p class="description">تعداد ساعتی که بازی کردید نمایش داده میشه.</p>
<img src="../public/images/guide-playtime.png" alt="تعداد ساعت های بازی شده دوتا ۲ در استیم">
</li>
</ol>
<!--
Back Link
uses to refer users to other pages and shows helpful links
@wayofmani
-->
<div class="back-links">
<button class="btn-alternative">
<a href="index.html">
برگشت به برنامه
</a>
</button>
</div>
</blockquote>


<!--
Footer
Most of the time we show credits and utaliti options like changing language here.
@wayofmani
-->
<footer>
<a href="https://github.com/bettercallus">
<img src="../public/images/footer.png" alt="Better Call US Footer Logo">
</a>
</footer>

</div>
</body>
</html>
83 changes: 83 additions & 0 deletions templates/how-to-uninstall-dota-2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl" >
<head>

<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta
name="description"
content="چطوری دوتا ۲ رو حذف بکنیم؟"
/>
<meta name="keywords"
content="دوتا ۲,dota 2, محاسبه تایم پلی دوتا۲, تایم پلی دوتا ۲, تایم پلی, Time Play Dota2"
/>
<meta name="author" content="Better Call US, بهتره با ما تماس بگیری" />
<meta name="copyright" content="bettercallus.org" />
<meta name="robots" content="no-follow"/>

<!-- SEO Title -->
<title> آموزش حذف دوتا۲ - Better Call US</title>
<!-- Page Styles -->
<link rel="stylesheet" href="styles/style.css" type="text/css">
<link rel="shortcut icon" href="../public/images/fav-icon.png" type="image/x-icon">

</head>
<body>
<div class="container">

<!--
GabeN Image
Short biography about gaben
@wayofmani
-->
<blockquote class="guide">

<ol calss="txt-title-and-description">
<!-- Step 1 -->
<li>
<p class="title">استیم رو باز بکنید.</p>
<p class="description">و برید به لایبرری بازی هاتون و دوتا ۲ رو بیارید<div class=""></div></p>
</li><hr>

<!-- Step 2 -->
<li>
<p class="title">در سمت راست روی آیکان چرخ دنده کلیک کنید.</p>
<p class="description">از منوی Manage گذینه‌ی Uninstall رو انتخاب بکنید.</p>
<img src="../public/images/guide-remove-dota.png" alt="پاک کردن دوتا ۲">
</li><hr>
<!-- Step 3 -->
<li>
<p class="title">تبریک می‌گم شما نجات پیدا کردید.</p>
</li>
</ol>
<!--
Back Link
uses to refer users to other pages and shows helpful links
@wayofmani
-->
<div class="back-links">
<button class="btn-alternative">
<a href="index.html">
برگشت به برنامه
</a>
</button>
</div>
</blockquote>


<!--
Footer
Most of the time we show credits and utaliti options like changing language here.
@wayofmani
-->
<footer>
<a href="https://github.com/bettercallus">
<img src="../public/images/footer.png" alt="Better Call US Footer Logo">
</a>
</footer>

</div>
</body>
</html>
102 changes: 102 additions & 0 deletions templates/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl" >
<head>

<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta
name="description"
content="محسابه مدت زمان بازی شده در دوتا ۲"
/>
<meta name="keywords"
content="دوتا ۲,dota 2, محاسبه تایم پلی دوتا۲, تایم پلی دوتا ۲, تایم پلی, Time Play Dota2"
/>
<meta name="author" content="Better Call US, بهتره با ما تماس بگیری" />
<meta name="copyright" content="bettercallus.org" />
<meta name="robots" content="no-follow"/>

<!-- SEO Title -->
<title>Dota2 Playtime Calculator | محاسبه کردن مدت زمان بازی کردن دوتا 2 - Better Call US</title>
<!-- Page Styles -->
<link rel="stylesheet" href="styles/style.css" type="text/css">
<link rel="shortcut icon" href="../public/images/fav-icon.png" type="image/x-icon">

</head>
<body>
<div class="container">
<!--
Take Playtime
Takes playtime number and some other datas from users and sends to result page to show the result to user.
@amiradp @wayofmani
-->
<form action="result.html" method="POST" name="calcPlaytime" class="calcPlayTime">
<div class="formTitle">
<!--
Title
shows and indexs in Google Search
@wayofmani
-->
<h1>پلی تایم دوتا ۲</h1>

<div class="fields">
<!-- How many hours have you played this game -->
<input min="1" type="number" name="playtime_number" id="playtime_number" placeholder="تعداد ساعتی که بازی کردید" class="dota2-input state-available" autocomplete="false">

<!-- Who Suggest this game to you -->
<input type="text" name="suggested_by" id="suggested_by" placeholder="کی بهتون معرفی کرد این بازیو؟ (به زودی...)" class="dota2-input state-disable" disabled>
</div>
</div>

<!-- Calc -->
<button type="submit" class="btn-primary">حساب کن</button>

</form>

<!--
GabeN Image
Short biography about gaben
@wayofmani
-->
<blockquote>
<img src="../public/images/GabeN.png" alt="gaben-picture">
<div class="txt-title-and-description">
<h6>GabeN</h6>
<p>سازنده و مالک دوتا۲، عامل هدر رفتن وقت شما ایشون هستن.</p>
</div>
</blockquote>

<!--
Back Link
uses to refer users to other pages and shows helpful links
@wayofmani
-->
<div class="back-links">
<button class="btn-alternative">
<a href="how-to-find-dota2-playtime.html">
از کجا بفهمم چقدر بازی کردم؟
</a>
</button>

<button class="btn-alternative">
<a href="how-to-uninstall-dota-2.html">
چطوری دوتا ۲ رو حذف کنم؟
</a>
</button>
</div>

<!--
Footer
Most of the time we show credits and utaliti options like changing language here.
@wayofmani
-->
<footer>
<a href="https://github.com/bettercallus">
<img src="../public/images/footer.png" alt="Better Call US Footer Logo">
</a>
</footer>

</div>
</body>
</html>
95 changes: 95 additions & 0 deletions templates/result.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl" >
<head>

<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta
name="description"
content="محسابه مدت زمان بازی شده در دوتا ۲"
/>
<meta name="keywords"
content="دوتا ۲,dota 2, محاسبه تایم پلی دوتا۲, تایم پلی دوتا ۲, تایم پلی, Time Play Dota2"
/>
<meta name="author" content="Better Call US, بهتره با ما تماس بگیری" />
<meta name="copyright" content="bettercallus.org" />
<meta name="robots" content="no-follow"/>

<!-- SEO Title -->
<title> نتیجه - Better Call US</title>
<!-- Page Styles -->
<link rel="stylesheet" href="styles/style.css" type="text/css">
<link rel="shortcut icon" href="../public/images/fav-icon.png" type="image/x-icon">

</head>
<body class="result">
<div class="container">
<!--
Take Playtime
Takes playtime number and some other datas from users and sends to result page to show the result to user.
@amiradp @wayofmani
-->
<div class="calcPlayTime">
<div class="formTitle">
<!-- Result -->
<h1>
۲ سال و ۸ ماه و ۱۷ روز
</h1>
<span>
این برنامه رو با دوستاتون به اشتراک بزارید تا اونها هم بفهمن چقدر بازی کردن
</span>

</div>
<!-- Share Button -->
<div class="copy">
<button type="button" id="copy-button" class="btn-primary" >کپی</button>
<input type="text" id="url-text-field" name="pageURL" id="pageURL" value="https://" readonly>
</div>

</div>

<!--
Board
Avaialable in next update
Board shows list of submited records
@wayofmani @amiradp
-->
<img src="../public/images/upcoming.png" class="upcoming" alt="better call us | بهتره با ما تماس بگیری" draggable="false" >

<!--
Footer
Most of the time we show credits and utaliti options like changing language here.
@wayofmani
-->
<footer>
<a href="https://github.com/bettercallus">
<img src="../public/images/footer.png" alt="Better Call US | بهتره با ما تماس بگیری">
</a>
</footer>

</div>
</body>
<script type="text/javascript" lang="javascript">
const copyButton = document.getElementById('copy-button');
const urlTextField = document.getElementById('url-text-field');

copyButton.addEventListener('click', () => {
// Get the URL from the text field
const urlToCopy = urlTextField.value;

// Copy the URL to clipboard (using Clipboard API)
navigator.clipboard.writeText(urlToCopy)
.then(() => {
// URL copied successfully
alert("لینک در صفحه کلید شما ذخیره شد!");
})
.catch(err => {
// Clipboard write failed
console.error('لینک کپی نشد!:', err);
alert("خطا در کپی کردن لینک");
});
});
</script>
</html>
Empty file added templates/styles/background.js
Empty file.
Loading

0 comments on commit 4ef21e9

Please sign in to comment.