Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

added meta tags #1

Merged
merged 1 commit into from
Sep 29, 2024
Merged

added meta tags #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
114 changes: 82 additions & 32 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,39 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Case Utils</title>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="theme-color" content="#ffffff" />
<meta http-equiv="Content-Language" content="en" />
<meta name="author" content="Aakash Dinkar" />
<meta name="description" content="Convert text to Camel Case, Snake Case, Title Case, Upper Case, or Lower Case with one click." />
<meta name="keywords" content="Aakash Dinkar, Case Utils, web development, software engineering, project, Case, Utils, Camel Case, Camel, Snake Case, Snake, Title Case, Title, Upper Case, Upper, Lower Case, Lower" />

<!-- Favicon for browsers -->
<link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon.ico" type="image/x-icon">
<!-- Favicon for standard desktop browsers (16x16, 32x32) -->
<link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-16.png" sizes="16x16" type="image/png">
<!-- Favicon for high-resolution desktop displays (64x64) -->
<link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-64.png" sizes="64x64" type="image/png">
<!-- Apple Touch Icons for iOS -->
<link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-180.png">
<link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-152.png">
<link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-120.png">
<link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-76.png">
<link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon.ico">
<!-- Favicon for Android devices -->
<link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-192.png" sizes="192x192" type="image/png">
<!-- Favicon for Windows tiles (optional) -->
<meta name="msapplication-TileImage" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-144.png">

<!-- Shortcut icon for backward compatibility with older browsers -->
<link rel="shortcut icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon.ico" type="image/x-icon">
<!-- Mask icon for Safari Pinned Tab (can be in SVG format, for better scaling) -->
<link rel="mask-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-32.png">

<meta property="og:title" content="Case Utils" />
<meta property="og:description" content="Easily transform your text into Camel Case, Snake Case, Title Case, Upper Case, or Lower Case with a single click." />
<meta property="og:url" content="https://aakashdinkar.in/case-utils" />
<meta property="og:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/avif-images/meta-og-image.avif" />
<meta property="og:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/webp-images/meta-og-image.webp" />
<meta property="og:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/original-images/meta-og-image.jpeg" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Case Utils">

<meta name="twitter:title" content="Case Utils" />
<meta name="twitter:description" content="Easily transform your text into Camel Case, Snake Case, Title Case, Upper Case, or Lower Case with a single click." />
<meta name="twitter:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/avif-images/meta-og-image.avif" />
<meta name="twitter:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/webp-images/meta-og-image.webp" />
<meta name="twitter:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/original-images/meta-og-image.jpeg" />

<title>Case Utils</title>
<link rel="stylesheet" href="./styles/styles.css">
<script src="./script/camelCase.js"></script>
<script src="./script/snakeCase.js"></script>
<script src="./script/startCase.js"></script>
</head>
<body>
<section class="main-container" >
<label class="label-for-textarea" >
Enter Your Input:
<textarea class="textarea_field" rows=10 id="text-area-input" placeholder="Enter Text here" ></textarea>
</label>

<div class="action-container">
<div class="select-fields-container"></div>
<button type="button" onclick="addSelectField()" >Add New Field</button>
</div>

<label class="label-for-textarea">
Output:
<textarea class="textarea_field" rows=10 id="text-area-output" placeholder="See the output here"></textarea>
</label>
</section>

<section class="action-buttons" >
<button type="button" class="primary-btn btn-lg" onclick="convertText()" >Do it</button>
<button type="button" class="warn-btn btn-lg" onclick="reset()" >Reset</button>
<button type="button" class="magic-btn btn-lg" onclick="doMagic()">Do the Magic</button>
</section>

<script src="./script/index.js"></script>
</body>
</head>

<body>
<section class="main-container">
<label class="label-for-textarea">
Enter Your Input:
<textarea class="textarea_field" rows=10 id="text-area-input" placeholder="Enter Text here"></textarea>
</label>

<div class="action-container">
<div class="select-fields-container"></div>
<button type="button" onclick="addSelectField()">Add New Field</button>
</div>

<label class="label-for-textarea">
Output:
<textarea class="textarea_field" rows=10 id="text-area-output" placeholder="See the output here"></textarea>
</label>
</section>

<section class="action-buttons">
<button type="button" class="primary-btn btn-lg" onclick="convertText()">Do it</button>
<button type="button" class="warn-btn btn-lg" onclick="reset()">Reset</button>
<button type="button" class="magic-btn btn-lg" onclick="doMagic()">Do the Magic</button>
</section>

<script src="./script/index.js"></script>
</body>

</html>