-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (92 loc) · 3.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Ritik Patle's bq Scanner">
<meta name="keywords"
content="Ritik,Ritik Patle,Writer,Web Developer,Programmer,Flutter Developer,Javascript,Katangi,Bhopal,Madhya Pradesh,MP,Flutter,e-Dastak,VSS,Vikas Samvad Samiti,VSSMP,bq Scanner, QR Code, Scanner, Barcode, Generator, Reader">
<meta name="author" content="Ritik Patle">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="./statics/style.css" rel="stylesheet" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" media="all">
<title>bq Scanner | Ritik Patle</title>
</head>
<body>
<header>
<a href="https://ritik-patle.web.app" class="brand">bq Scanner</a>
<div class="menu-btn"></div>
</header>
<section class="about bgsetterone" id="about">
<div class="title">
<h2 class="section-title">About Application</h2>
</div>
<div class="content">
<div class="column col-left">
<div class="img-card">
<img src="./statics/logo.png" alt="">
</div>
</div>
<div class="column col-right" style="align-self: center;">
<h2 class="content-title">bq Scanner</h2>
<p class="normal-paraabtm">
<strong class="strhed">Developed by :</strong> Ritik Patle<br><br>
<strong class="strhed">Application Type :</strong> Android<br><br>
<strong class="strhed">Description :</strong> A Barcode and QR Code, scanner and generator.<br><br>
<strong class="strhed">Technology Used:</strong> Flutter<br><br>
</p>
<div class="buttonz">
<a href="https://ritik-patle.web.app"><button class="btn"><i class="fab fa fa-globe"></i> | Ritik's
Portfolio</button></a>
<a href="https://github.com/RitikPatle/bqscanner"><button class="btn"><i class="fab fa-github-square"></i> |
Source Code</button></a>
</div>
</div>
</div>
</section>
<div class="spherez bgsettertwo" style="display: flex;justify-content: center;">
<span class="Sphere"></span>
</div>
<footer class="footer">
<span class="footer-title">Ritik Patle</span>
</footer>
<script src="./statics/style.js"></script>
<script>
// Rotating Sphere Text
const Texts = [
"bq","*","69",
"#","69","bq",
"69","bq","$",
"bq","*","69",
"#","69","bq",
"69","bq","$",
];
let width;
let details = navigator.userAgent;
let regexp = /android|iphone|kindle|ipad/i;
let isMobileDevice = regexp.test(details);
if (isMobileDevice) {
width = window.innerWidth / 2.5;
} else {
width = window.innerWidth / 5;
}
var tagCloud = TagCloud('.Sphere', Texts, {
// Sphere radius in px
// radius: 250,
radius: width,
// animation speed
// slow, normal, fast
maxSpeed: 'normal',
initSpeed: 'fast',
// Rolling direction [0 (top) , 90 (left), 135 (right-bottom)]
// direction: 135,
direction: 90,
// interaction with mouse or not [Default true (decelerate to rolling init speed, and keep rolling with mouse).]
keep: true
});
// Giving color to each text in sphere
// var color = '#FF5733 ';
let color = '#ffffff';
document.querySelector('.Sphere').style.color = color;
</script>
</body>
</html>