-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
219 lines (217 loc) · 13.1 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
<!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="EasyDoc is a software tool that enables to write, edit, and manage their documents efficiently." />
<meta name="keywords" content="EasyDoc || ahkamboh || md2pdf || Doc " />
<meta property="og:image" content="https://raw.githubusercontent.com/ahkamboh/EasyDoc/main/assets/easydoc.png" />
<meta property="og:url" content="https://EasyDoc.alihamzakamboh.com/" />
<meta property="og:title" content="EasyDoc || ahkamboh " />
<meta property="og:description" content="EasyDoc is a software tool that enables to write, edit, and manage their documents efficiently." />
<title>EasyDoc || Ali Hamza Kamboh || ahkamboh</title>
<link rel="icon" href="ah-icon.png" />
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<!-- jQuery -->
<!-- <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> -->
<!-- Showdown JS -->
<script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js"></script>
<!-- Prism JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/plugins/autoloader/prism-autoloader.min.js"></script>
<!-- CodeMirror CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/codemirror.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"rel="stylesheet" />
<!-- CodeMirror Themes -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/ambiance.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/base16-dark.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/3024-night.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/dracula.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/monokai.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/material.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/theme/tomorrow-night.min.css" />
<!-- CodeMirror JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/codemirror.min.js"></script>
<!-- CodeMirror Mode for Markdown -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/mode/markdown/markdown.min.js"></script>
<!-- CodeMirror Addon for Line Numbers -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.1/addon/display/placeholder.min.js"></script>
<!-- Include CodeMirror addons via CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.0/addon/edit/closebrackets.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.0/addon/edit/matchbrackets.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.63.0/addon/comment/comment.js"></script>
<script src="https://cdn.jsdelivr.net/npm/showdown-table/dist/showdown-table.min.js"></script>
<!-- Prism Theme -->
<script src="https://cdn.jsdelivr.net/npm/interactjs@1.10.11/dist/interact.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css" />
<!-- icons -->
<script src="https://unpkg.com/lucide@latest"></script>
<!-- css -->
<link rel="stylesheet" href="style.css" />
</head>
<body >
<!-- loader -->
<div class="loader-container">
<div class="loader">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>
</div>
<div class="container mx-auto" >
<nav class="p-2 h-12 top-0 flex fixed left-0 z-40 w-full justify-evenly items-center">
<a href="" style="text-decoration: none; color: #01a0e4">
<div class="logo-icon" title="EasyDoc">
<img src="easyDoc.png" alt="logo" />
<h1 class="text-lg font-bold">
Easy<span style="color: #005ceb">Doc</span>
</h1>
</div>
</a>
<div>
<select title="select themes" id="themeSelector" class="bg-transparent outline-0"
onchange="changeTheme()">
<option value="3024-night">(Default)Theme</option>
<option value="ambiance">Ambiance</option>
<option value="base16-dark">Base16 Dark</option>
<option value="dracula">Dracula</option>
<option value="monokai">Monokai</option>
<option value="material">Material</option>
<option value="tomorrow-night">Tomorrow Night</option>
</select>
</div>
<div class="circle-1 circle" title="Who is Ali Hamza Kamboh?">
<img src="https://avatars.githubusercontent.com/u/123060177?v=4" alt="" />
</div>
</nav>
<div class="top relative">
<div class="d" style="position: relative; width: 100%;">
<div class="" style=" z-index: 10; width: 100%; ;">
<div class="messageBox">
<input
required=""
placeholder="Generate by Ai....."
type="text"
id="messageInput"
autocomplete="off"
/>
<button id="sendButton">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 664 663">
<path
fill="none"
d="M646.293 331.888L17.7538 17.6187L155.245 331.888M646.293 331.888L17.753 646.157L155.245 331.888M646.293 331.888L318.735 330.228L155.245 331.888"
></path>
<path
stroke-linejoin="round"
stroke-linecap="round"
stroke-width="33.67"
stroke="#6c6c6c"
d="M646.293 331.888L17.7538 17.6187L155.245 331.888M646.293 331.888L17.753 646.157L155.245 331.888M646.293 331.888L318.735 330.228L155.245 331.888"
></path>
</svg>
</button>
</div>
</div>
<div id="editor" class="border rounded-r" ></div>
</div>
<div id="preview" class="border rounded-l" id="top">
<button class="Btn" onclick="downloadPDF('EasyDoc(ahkamboh)')">
<svg class="svgIcon" viewBox="0 0 384 512" height="1em" xmlns="http://www.w3.org/2000/svg">
<path
d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z">
</path>
</svg>
<span class="icon2"></span>
<span class="tooltip">Download</span>
</button>
<div id="output"></div>
</div>
</div>
<a href="#top">
<button class="previewBtn">
<span id="previewBtnName">Preview</span>
<div class="icon" onclick="downloadPDF('EasyDoc(ahkamboh)')">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"
fill="currentColor"></path>
</svg>
</div>
</button>
</a>
<div class="footer">
<div class="social-links">
<a href="https://github.com/ahkamboh" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-github">
<path
d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
<path d="M9 18c-4.51 2-5-2-7-2" />
</svg>
</a>
<a href="https://www.linkedin.com/in/ahkamboh/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-linkedin">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
<rect width="4" height="12" x="2" y="9" />
<circle cx="4" cy="4" r="2" />
</svg>
</a>
</div>
<div class="center">©2024-25 | Rights Reserved</div>
<div>
Design and Develop by
<a style="color: #01a0e4; font-weight: 500" class="ahkamboh"
href="https://ahkamboh.github.io/Portfolio/" target="_blank">ahkamboh</a>
</div>
</div>
</div>
<div class="profile-card">
<div class="cross-icon"><i data-lucide="x"></i></div>
<div class="poppins-light cardContainer">
<div class="card">
<p class="name">
Hey! I’m
<a target="_blank"
href="https://www.google.com/search?gs_ssp=eJzj4tVP1zc0LM4yK0jJSLE0YLRSNagwtjS0SEpKSbUwNTUwMjJNsTKoMLQwTE42SDE1ME5OM7ZMNPYSSMzJVMhIzK1KVMhOzE3KzwAA3pEVHg&q=ali+hamza+kamboh&oq=al&gs_lcrp=EgZjaHJvbWUqEggBEC4YJxivARjHARiABBiKBTIICAAQRRgnGDsyEggBEC4YJxivARjHARiABBiKBTIMCAIQABgUGIcCGIAEMgYIAxBFGDkyDAgEEAAYQxiABBiKBTIYCAUQLhhDGIMBGMcBGLEDGNEDGIAEGIoFMgwIBhAAGEMYgAQYigUyDAgHEAAYQxiABBiKBTIMCAgQABhDGIAEGIoFMgcICRAAGI8C0gEJNDQxM2owajE1qAIAsAIA&sourceid=chrome&ie=UTF-8"
style="color: rgb(3, 105, 161)">
ahkamboh</a>
</p>
<div class="circle" title="Ali Hamza Kamboh">
<img src="https://avatars.githubusercontent.com/u/123060177?v=4" alt="" />
</div>
<div class="minmaxContainer">
<p style="font-weight: 200">
Greetings,(Assalam-o-Aliakum) This is ALI HAMZA KAMBOH the creator
behind EasyDoc . I produce free and paid resources every few
months, visit
<a href="https://alihamzakamboh.com/" target="_blank"
style="color: #01a0e4; font-weight: 500">ALI HAMZA KAMBOH</a>
for alerts.
</p>
<input hidden id="xcdsasasasa" value="AIzaSyC-IHRSLmAL645a2zbXo3ngz0C7XsnkRJM"></input>
<div class="social-icon">
<a href="https://x.com/alihamzakambohh" target="_blank">
<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="icons icon-x"
d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
</svg>
</a>
<a href="https://github.com/ahkamboh" target="_blank">
<i class="icons icon-g" data-lucide="github"></i>
</a>
<a href="https://www.linkedin.com/in/ahkamboh/" target="_blank">
<i class="icons icon-i" data-lucide="linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>