-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (113 loc) · 4.14 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
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>user-info-logger DEMO</title>
<link rel="icon" type="image/svg+xml" href="/vite.svg">
<!-- Meta tags for SEO -->
<meta name="description" content="A demo page showcasing the userInfo() function of user-info-logger.">
<meta name="keywords" content="userInfo, JavaScript, demo, user information, user-info-logger ">
<meta name="author" content="Akshat K">
<link rel="canonical" href="https://user-info-logger-demo.vercel.app/">
<!-- Open Graph Meta Tags for social media -->
<meta property="og:title" content="userInfo() DEMO">
<meta property="og:description" content="A demo page showcasing the userInfo() function.">
<meta property="og:image" content="https://user-info-logger-demo.vercel.app/image.jpg">
<meta property="og:url" content="https://user-info-logger-demo.vercel.app/">
<meta property="og:type" content="website">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="userInfo() DEMO">
<meta name="twitter:description" content="A demo page showcasing the userInfo() function.">
<meta name="twitter:image" content="https://user-info-logger-demo.vercel.app/image.jpg">
<!-- Link to external stylesheet (if any) -->
<link rel="stylesheet" href="styles.css">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
background-color: #f8f9fa; /* Light gray background */
}
.user-info {
max-width: 90%; /* Limit width for better readability */
padding: 20px;
background-color: #ffffff; /* White background */
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.user-info h1 {
font-size: 24px;
margin-bottom: 10px;
}
.user-info pre {
font-family: monospace;
font-size: 14px;
white-space: pre-wrap;
word-wrap: break-word;
}
.js-logo {
position: fixed;
bottom: 20px;
right: 20px;
width: 100px;
height: auto;
}
.fsf-banner {
position: fixed;
bottom: 20px;
left: 20px;
display: flex;
align-items: center;
text-decoration: none;
color: #000;
}
.fsf-banner img {
width: 200px; /* Adjusted size for better fit */
height: auto;
margin-right: 10px;
}
footer {
position: fixed;
bottom: 0;
width: 100%;
padding: 10px 0;
background-color: #f8f9fa; /* Light gray background */
text-align: center;
}
</style>
</head>
<body>
<div id="app" class="user-info"></div>
<footer>
<!-- <img src="/logo-fsf.org.png" alt="Free Software Foundation banner" class="fsf"/> -->
<p><a href=/FOSSA.html>FOSSA REPORT</a><p>
<p>This project is not associated with FSF.</p>
</footer>
<script type="text/javascript">
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 Akshat kotpalliwar
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
</script>
<script type="module" src="/main.js">
</script>
</body>
</html>