-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
241 lines (220 loc) · 13 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tailwind CSS -->
<link href="/static/css/output.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/static/images/favicon.png">
<title>CodeSmith-Gemini powered Code TransGen</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.navbar {
overflow: hidden;
background-color: #333;
}
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
.container {
padding: 20px;
}
</style>
</head>
<body>
<div class="loader-container">
<img draggable="false" src="/static/images/preloader.gif" alt="">
</div>
<div class="heading">
<div class="flex flex-wrap items-center gap-x-4 gap-y-2">
<p class="title">
<strong class="font-semibold">Gemini - Powered Code Translator and Generator</strong>
</p>
</div>
<div class="flex flex-1 justify-end">
</div>
</div>
<section class="bg-white relative">
<header>
<nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="navlogo flex lg:flex-1">
<a href="index.html" class="-m-1.5 p-1.5">
<span class="sr-only">CodeSmith</span>
<img class="h-8 w-auto" src="/static/images/favicon.png" alt="CodeSmith Logo">
</a>
</div>
<div class="nav-container">
<div class="list-mobile">
<a href="index.html">Home</a>
<a href="/templates/translator.html">Code Translator</a>
<a href="/templates/generator.html">Code Generator</a>
<a href="https://github.com/Sgvkamalakar/CodeSmith" target="_blank">CodeNav Link</a>
</div>
<div class="row-desktop">
<a href="index.html">Home</a>
<a href="/templates/translator.html">Code Translator</a>
<a href="/templates/generator.html">Code Generator</a>
<a href="https://github.com/Sgvkamalakar/CodeSmith" target="_blank">CodeNav Link</a>
</div>
</div>
</nav>
</div>
</header>
<div class="block overflow-hidden relative">
<div class="pb-80 pt-16 sm:pb-40 sm:pt-24 lg:pb-48 lg:pt-40">
<div class="relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8">
<div class="sm:max-w-lg">
<h1 class="CodeSmith text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">CodeSmith</h1>
<p class="About mt-4 text-xl text-gray-500">The Ultimate Code Translator and Generator</p>
</div>
<div>
<div class="ImgGrid mt-10">
<div aria-hidden="true" class="pointer-events-none lg:absolute lg:inset-y-0 lg:mx-auto lg:w-full lg:max-w-7xl">
<div class="absolute transform sm:left-1/2 sm:top-0 sm:translate-x-8 lg:left-1/2 lg:top-1/2 lg:-translate-y-1/2 lg:translate-x-8">
<div class="flex items-center space-x-6 lg:space-x-8">
<div class="grid flex-shrink-0 grid-cols-1 gap-y-6 lg:gap-y-8">
<div class="Img1 h-64 w-44 overflow-hidden rounded-lg sm:opacity-0 lg:opacity-100">
<img src="/static/images/image6.png" alt="" class="h-full w-full object-cover object-center">
</div>
<div class="Img12 h-64 w-44 overflow-hidden rounded-lg">
<img src="/static/images/image2.png" alt="" class="h-full w-full object-cover object-center">
</div>
</div>
<div class=" grid flex-shrink-0 grid-cols-1 gap-y-6 lg:gap-y-8">
<div class="Img1 h-67 w-44 overflow-hidden rounded-lg">
<img src="/static/images/image4.png" alt="" class="h-full w-full object-cover object-top">
</div>
<div class="Img12 h-64 w-44 overflow-hidden rounded-lg">
<img src="/static/images/image7.png" alt="" class="h-full w-full object-cover object-center">
</div>
</div>
<div class="grid flex-shrink-0 grid-cols-1 gap-y-6 lg:gap-y-8">
<div class="Img1 h-64 w-44 overflow-hidden rounded-lg">
<img src="/static/images/image3.png" alt="" class="h-full w-full object-cover object-center">
</div>
<div class="Img12 h-64 w-44 overflow-hidden rounded-lg">
<img src="/static/images/image5.png" alt="" class="h-full w-full object-cover object-center">
</div>
</div>
</div>
</div>
</div>
<a href="index.html" class="coder inline-block rounded-full border border-transparent bg-greeny px-8 py-3 text-center font-medium text-white hover:bg-greeny-500 active:bg-greeny-900 transition-all">Don't just Code.. Code Smart</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="overflow-hidden bg-white py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
<div class="lg:pr-8 lg:pt-4">
<div class="lg:max-w-lg">
<h2 class="empower text-base font-semibold leading-7 text-greeny">Empower Your Coding</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Unleash CodeSmith's Power</p>
<p class="About mt-6 text-lg leading-8 text-gray-600">CodeSmith, effortlessly translates and generates code across languages with precision and speed, revolutionizing development workflows.</p>
<dl class="mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-600 lg:max-w-none">
<div class="relative pl-9">
<dt class="feature inline font-semibold text-gray-900">
<svg class="absolute left-1 top-1 h-5 w-5 text-greeny" viewBox="" fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z"
clip-rule="evenodd" />
</svg>
Code Translation and Generation,
</dt>
<dd class="detail inline">Seamlessly translates code from diverse programming languages into the desired target language while also generating code snippets as needed.</dd>
</div>
<div class="relative pl-9">
<dt class="feature inline font-semibold text-gray-900">
<svg class="absolute left-1 top-1 h-5 w-5 text-greeny" viewBox="0 0 20 20" fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z"
clip-rule="evenodd" />
</svg>
Syntax Preservation,
</dt>
<dd class="detail inline">Ensures the translated and generated code maintains the original syntax and structure, preserving logic and readability.</dd>
</div>
<div class="relative pl-9">
<dt class="feature inline font-semibold text-gray-900">
<svg class="absolute left-1 top-1 h-5 w-5 text-greeny" viewBox="0 0 20 20" fill="currentColor"
aria-hidden="true">
<path
d="M4.632 3.533A2 2 0 016.577 2h6.846a2 2 0 011.945 1.533l1.976 8.234A3.489 3.489 0 0016 11.5H4c-.476 0-.93.095-1.344.267l1.976-8.234z" />
<path fill-rule="evenodd"
d="M4 13a2 2 0 100 4h12a2 2 0 100-4H4zm11.24 2a.75.75 0 01.75-.75H16a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75h-.01a.75.75 0 01-.75-.75V15zm-2.25-.75a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75H13a.75.75 0 00.75-.75V15a.75.75 0 00-.75-.75h-.01z"
clip-rule="evenodd" />
</svg>
User-Friendly Interface,
</dt>
<dd class="detail inline">
Provides an intuitive platform, facilitating effortless translation and code generation for developers without unnecessary complexities.</dd>
</div>
</dl>
</div>
</div>
<div class="img-container">
<img
src="/static/images/image1.png"
class="h-full w-[48rem] max-w-[48rem] object-cover rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0">
</div>
</div>
</div>
</section>
<div class="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
<img src="https://images.pexels.com/photos/270348/pexels-photo-270348.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-y=.8&w=2830&h=1500&q=80&blend=111827&sat=-100&exp=15&blend-mode=multiply" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center">
<div class="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl" aria-hidden="true">
<div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
<div class="absolute -top-52 left-1/2 -z-10 -translate-x-1/2 transform-gpu blur-3xl sm:top-[-28rem] sm:ml-16 sm:translate-x-0 sm:transform-gpu" aria-hidden="true">
<div class="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0">
<h2 class="text-4xl font-bold tracking-tight text-white sm:text-6xl">CodeSmith: Your Code Translator and Generator</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">Accelerate your coding workflow with CodeSmith, seamlessly converting between programming languages, ensuring consistency and reliability in your projects.</div>
<div class="mx-auto mt-10 max-w-2xl lg:mx-0 lg:max-w-none">
<div class="grid grid-cols-1 gap-x-8 gap-y-6 text-base font-semibold leading-7 text-white sm:grid-cols-2 md:flex lg:gap-x-10">
<a href="https://sgvkamalakar.github.io/" class="group transition duration-300 ease-in-out transform hover:-translate-y-1" target="_blank">Explore My Projects</a>
<a href="https://www.linkedin.com/in/sgvkamalakar" class="group transition duration-300 ease-in-out transform hover:-translate-y-1" target="_blank">Connect with Me</a>
<a href="https://github.com/Sgvkamalakar" class="group transition duration-300 ease-in-out transform hover:-translate-y-1" target="_blank">Explore My Magical Codes
</div>
</div>
<div class="counter"><p class="visitor">Visitor count</p><<img src="https://hitwebcounter.com/counter/counter.php?page=10452889&style=0038&nbdigits=5&type=ip&initCount=0" title="Visitors Count"/>
</div>
</div>
</div>
</div>
<script>
function loader(){
document.querySelector('.loader-container').classList.add('fade-out');
}
function fadeOut(){
setInterval(loader,100);
}
window.onload = fadeOut;
</script>
</body>
</html>