-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsitemap.html
141 lines (125 loc) · 4.91 KB
/
sitemap.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
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Comprehensive sitemap for Veggie Smart project, featuring a wide range of calculators for various needs including health, finance, fitness, and more. Explore our advanced tools and calculators to make informed decisions and streamline your tasks.">
<meta name="keywords" content="sitemap, calculators, tools, Veggie Smart, health calculators, finance calculators, fitness calculators, market calculators, event planning calculators, automotive calculators">
<meta name="author" content="Veggie Smart Team">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Veggie Smart Sitemap">
<meta property="og:description" content="Explore the comprehensive sitemap of Veggie Smart project, including a diverse collection of calculators and tools for various needs. Find calculators for health, finance, fitness, and more.">
<meta property="og:image" content="https://veggie-smart.vercel.app/SourceImages/open-graph-img.png">
<meta property="og:url" content="https://veggie-smart.vercel.app/sitemap.html">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Veggie Smart Sitemap">
<meta name="twitter:description" content="Explore the comprehensive sitemap of Veggie Smart project, including a diverse collection of calculators and tools for various needs.">
<meta name="twitter:image" content="https://veggie-smart.vercel.app/SourceImages/open-graph-img.png">
<meta name="twitter:url" content="https://veggie-smart.vercel.app/sitemap.html">
<title>Veggie Smart - Sitemap</title>
<!-- Schema.org Structured Data for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Veggie Smart",
"url": "https://veggie-smart.vercel.app",
"description": "Veggie Smart offers a wide range of calculators and tools for various needs including health, finance, fitness, and more.",
"potentialAction": {
"@type": "SearchAction",
"target": "https://veggie-smart.vercel.app/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Sitemap",
"url": "https://veggie-smart.vercel.app/sitemap.html",
"description": "A comprehensive sitemap for the Veggie Smart project, listing all available calculators and tools."
}
</script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.tool-card {
background-color: #1f2937;
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.3s ease, height 0.3s ease;
position: relative;
padding-bottom: 12px; /* Adjust to give more space at the bottom */
}
.tool-card-content {
padding: 12px;
text-align: center;
}
.tool-card img {
width: 64px;
height: 64px;
object-fit: cover;
}
.tool-card-title {
color: #e5e7eb;
font-size: 1.125rem; /* 18px */
font-weight: 600;
}
.tool-card-tag {
display: inline-block;
padding: 2px 6px;
border-radius: 12px;
background-color: #4b5563;
color: #e5e7eb;
font-size: 0.875rem; /* 14px */
margin-top: 8px; /* Add some space between the tag and title */
}
.tool-card-button {
display: block;
margin-top: 12px;
background-color: #10b981;
color: #fff;
padding: 8px;
border-radius: 8px;
text-decoration: none;
text-align: center;
font-weight: 600;
transition: background-color 0.3s ease;
}
.tool-card-button:hover {
background-color: #059669;
}
.more-info {
display: none;
padding: 12px;
background-color: rgba(0, 0, 0, 0.75);
color: #fff;
border-top: 1px solid #4b5563;
text-align: left;
margin-top: 12px;
}
.more-info.open {
display: block;
}
.show-more-btn {
cursor: pointer;
text-decoration: underline;
transition: color 0.3s ease;
}
.show-more-btn:hover {
color: #059669;
}
</style>
</head>
<body class="bg-gray-900 text-white">
<div class="container mx-auto p-4">
<h1 class="text-3xl font-bold mb-8 text-center">Explore Our Sitemap</h1>
<input type="text" id="search" placeholder="Search tools..." class="w-full p-3 mb-6 rounded-lg bg-gray-800 text-white shadow-md focus:outline-none focus:ring-2 focus:ring-green-600">
<div id="toolsContainer" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<!-- Tools will be injected here dynamically -->
</div>
</div>
<script src="scripts/Test.js"></script>
</body>
</html>