Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rashicyber
Rashicyber authored Aug 3, 2024
0 parents commit 86efb30
Show file tree
Hide file tree
Showing 3 changed files with 238 additions and 0 deletions.
101 changes: 101 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cryptogram Solver | Substitution Cipher & More</title>
<meta name="description" content="Solve cryptograms and substitution ciphers easily with our online Cryptogram Solver. Get the latest Cryptoquip Answer Today and decrypt cryptograms with ease.">
<meta name="keywords" content="Cryptogram Solver, Cryptoquip Answer Today, substitution cipher, cryptogram decryption, puzzle solver, cryptogram tips">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://yourwebsite.com/cryptogram-solver">
<meta property="og:title" content="Cryptogram Solver | Substitution Cipher & More">
<meta property="og:description" content="Solve cryptograms and substitution ciphers easily with our online Cryptogram Solver. Get the latest Cryptoquip Answer Today and decrypt cryptograms with ease.">
<meta property="og:url" content="https://yourwebsite.com/cryptogram-solver">
<meta property="og:image" content="https://yourwebsite.com/image.jpg">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Your Website Name">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Cryptogram Solver | Substitution Cipher & More">
<meta name="twitter:description" content="Solve cryptograms and substitution ciphers easily with our online Cryptogram Solver. Get the latest Cryptoquip Answer Today and decrypt cryptograms with ease.">
<meta name="twitter:image" content="https://yourwebsite.com/image.jpg">
<link rel="stylesheet" href="styles.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Cryptogram Solver | Substitution Cipher & More",
"description": "Solve cryptograms and substitution ciphers easily with our online Cryptogram Solver. Get the latest Cryptoquip Answer Today and decrypt cryptograms with ease.",
"url": "https://yourwebsite.com/cryptogram-solver",
"publisher": {
"@type": "Organization",
"name": "Your Website Name",
"logo": {
"@type": "ImageObject",
"url": "https://yourwebsite.com/logo.jpg"
}
},
"mainEntity": {
"@type": "Article",
"author": {
"@type": "Person",
"name": "Author Name"
},
"headline": "How to Decrypt Cryptograms",
"datePublished": "2024-08-02",
"image": "https://yourwebsite.com/image.jpg",
"keywords": "Cryptogram Solver, Cryptoquip Answer Today, substitution cipher, cryptogram decryption, puzzle solver, cryptogram tips",
"publisher": {
"@type": "Organization",
"name": "Your Website Name",
"logo": {
"@type": "ImageObject",
"url": "https://yourwebsite.com/logo.jpg"
}
}
}
}
</script>
</head>
<body>
<header>
<h1>Cryptogram Solver</h1>
<p>Decrypt Cryptograms and Substitution Ciphers with Ease</p>
</header>

<form action="#" method="post">
<div class="form-group">
<label for="puzzle">Puzzle:</label>
<textarea id="puzzle" required=""></textarea>
</div>
<div class="form-group">
<label for="clue">Clue:</label>
<input type="text" id="clue" name="clue">
</div>
<br>
<br>
<button type="submit" id="submit">Solve</button>
</form>
<div id="result-container">
<div id="result"></div>
</div>

<article>
<h2>How to Decrypt Cryptograms</h2>
<p>Decrypting cryptograms can be a fun and challenging activity. Here are some tips to help you get started:</p>
<ul>
<li><strong>Identify common patterns:</strong> Look for common letter patterns in words. For example, one-letter words are often "A" or "I".</li>
<li><strong>Frequency analysis:</strong> Analyze the frequency of the letters in the cryptogram. In English, the most common letters are E, T, A, O, I, N.</li>
<li><strong>Start with common words:</strong> Common words like "the", "and", "that" can provide clues to other letters in the cryptogram.</li>
<li><strong>Use context clues:</strong> Use the context of the sentence to guess the meaning of the encrypted words.</li>
</ul>
<p>Are you looking for todays solution ? please see the <a href="https://cryptoquip.net/cryptoquip-answer-today/">Cryptoquip Answer Today</a>, visit the linked page.</p>
<p>For those who want to solve cryptograms quickly, you can use the <a href="https://cryptoquip.net/solver/">Cryptogram Solver</a> provided by Cryptoquip.net</p>
</article>

<footer>
<p>&copy; <cite><a href="https://cryptoquip.net/" target="_blank" rel="noopener noreferrer">Cryptoquip.net</a></cite></p>
</footer>

<script src="script.js"></script>
</body>
</html>
41 changes: 41 additions & 0 deletions script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
jQuery(document).ready(function($) {
var timerInterval;
var startTime;

$("form").submit(function(event) {
event.preventDefault();

// Start the timer
startTime = new Date().getTime(); // Get start time in milliseconds
timerInterval = setInterval(updateTimer, 100);

var puzzle = $("#puzzle").val();
var clue = $("#clue").val();

$.ajax({
type: "POST",
url: "https://solver.cryptoquip.net/",
data: { puzzle: puzzle, clue: clue },
success: function(result) {
// Stop the timer and reset the button text
clearInterval(timerInterval);
$("#submit").text('Solve');

var lines = result;
var html = "";
for (var i = lines.length - 4; i >= 0; i--) {
html += "<div>" + lines[i] + "</div>";
}
$("#result").html(html);
}
});
});

function updateTimer() {
var currentTime = new Date().getTime();
var elapsed = currentTime - startTime;
var seconds = Math.floor(elapsed / 1000);
var milliseconds = parseInt((elapsed % 1000) / 100); // Get the first digit of the milliseconds
$("#submit").text(`${seconds}.${milliseconds}`);
}
});
96 changes: 96 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
body {
background-color: #2c3e50;
font-family: Arial, sans-serif;
color: #ecf0f1;
margin: 0;
padding: 20px;
}

header, footer {
text-align: center;
margin-bottom: 20px;
}

.form-group {
margin-bottom: 15px;
}

label {
color: white;
font-weight: bold;
}

textarea {
width: 100%;
height: 100px;
border: solid 1px grey;
background-color: #34495e;
color: #ecf0f1;
padding: 10px;
box-sizing: border-box;
}

input[type="text"] {
width: 100%;
border: solid 1px grey;
background-color: #34495e;
color: #ecf0f1;
padding: 10px;
box-sizing: border-box;
}

button {
background-color: #2980b9;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s ease;
}

button:hover {
background-color: #3498db;
}

#result-container {
display: flex;
flex-direction: column;
max-height: 400px;
max-width: 100%;
overflow: auto;
margin-top: 20px;
}

#result div {
border: 1px solid black;
padding: 10px;
margin-bottom: 10px;
background-color: lightgray;
color: black;
}

article {
margin-top: 20px;
padding: 20px;
background-color: #34495e;
border-radius: 8px;
}

article h2 {
color: #ecf0f1;
}

article p, article ul, article li {
color: #ecf0f1;
}

a {
color: #f39c12; /* Change to a lighter color that stands out */
text-decoration: none; /* Remove underline */
transition: color 0.3s ease; /* Smooth transition for color change */
}

a:hover {
color: #16a085; /* Slightly darker color for hover effect */
}

0 comments on commit 86efb30

Please sign in to comment.