Skip to content
This repository has been archived by the owner on May 1, 2024. It is now read-only.

Commit

Permalink
More SEO
Browse files Browse the repository at this point in the history
  • Loading branch information
@the-codeboy
the-codeboy committed Apr 17, 2024
1 parent 7edea7c commit 0acd400
Showing 1 changed file with 185 additions and 149 deletions.
334 changes: 185 additions & 149 deletions static/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,155 +1,191 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Studyscraper</title>
<link rel="icon" href="https://the-codeboy.com/img/peeper-32.png" type="image/png" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"
/>
<style>
body {
padding: 20px;
background-color: #f5f5f5; /* Set default background color */
color: #333; /* Set default text color */
}

.container {
max-width: 800px;
margin: 0 auto;
}

.btn-download {
width: 100%;
}

.logo {
max-width: 50px;
cursor: pointer;
border-radius: 50%;
}

/* Dark mode styles */
body.dark-mode {
background-color: #1a1a1a; /* Set dark background color */
color: #f5f5f5; /* Set dark text color */
}

body.dark-mode .logo {
border: 2px solid #f5f5f5; /* Set dark logo border color */
}
</style>
</head>
<body>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" onclick="toggleDarkMode()" />
<label class="form-check-label" for="darkModeSwitch">Dark Mode</label>
</div>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Studyscraper - A Free Studydrive Downloader</title>
<meta name="description"
content="Studyscraper is a free online tool that allows you to download Studydrive documents, Anki cards, and all other file types without a premium subscription." />
<link rel="icon" href="https://the-codeboy.com/img/peeper-32.png" type="image/png" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
<style>
body {
padding: 20px;
background-color: #f5f5f5;
/* Set default background color */
color: #333;
/* Set default text color */
}

.container {
max-width: 800px;
margin: 0 auto;
}

.btn-download {
width: 100%;
}

.logo {
max-width: 50px;
cursor: pointer;
border-radius: 50%;
}

/* Dark mode styles */
body.dark-mode {
background-color: #1a1a1a;
/* Set dark background color */
color: #f5f5f5;
/* Set dark text color */
}

body.dark-mode .logo {
border: 2px solid #f5f5f5;
/* Set dark logo border color */
}
</style>
</head>

<body>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" onclick="toggleDarkMode()" />
<label class="form-check-label" for="darkModeSwitch">Dark Mode</label>
</div>
<script>

if (localStorage.getItem('darkMode') === 'true') {
document.body.classList.add('dark-mode');
document.getElementById('darkModeSwitch').checked = true;
} else {
document.getElementById('darkModeSwitch').checked = false;
}

function toggleDarkMode() {
document.body.classList.toggle('dark-mode');
if (document.body.classList.contains('dark-mode')) {
localStorage.setItem('darkMode', 'true');
} else {
localStorage.setItem('darkMode', 'false');
}
}
if (localStorage.getItem('darkMode') === 'true') {
document.body.classList.add('dark-mode');
document.getElementById('darkModeSwitch').checked = true;
} else {
document.getElementById('darkModeSwitch').checked = false;
}

function toggleDarkMode() {
document.body.classList.toggle('dark-mode');
if (document.body.classList.contains('dark-mode')) {
localStorage.setItem('darkMode', 'true');
} else {
localStorage.setItem('darkMode', 'false');
}
}
</script>
<div class="container">
<h1 class="text-center mt-5 mb-4">Studyscraper: A Studydrive Downloader</h1>
<p class="text-center">
Usage: paste the URL of the Studydrive document below and click download
</p>
<div class="input-group mb-3">
<input
type="text"
class="form-control rounded my-3"
placeholder="Paste URL here e.g. https://www.studydrive.net/en/doc/effi-alle-folien/1440343"
value=""
id="url-input"
/>
<button
class="btn btn-primary btn-download rounded"
onclick="download()"
>
Download
</button>
</div>
</div>

<div style="height: 100px;"></div>

<div class="container">
<p class="text-center">
<img class="logo" src="https://the-codeboy.com/img/peeper-32_scaled.png" alt="codeboy logo" /></a>
Made by
<a href="https://the-codeboy.com">codeboy</a>
<a href="https://github.com/the-codeboy/studyscraper-rs"></a>
<a href="https://github.com/the-codeboy/studyscraper-rs">

<img class="logo" src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo" /></a>
Source on
<a href="https://github.com/the-codeboy/studyscraper-rs">GitHub</a>
</p>
</div>

<div style="height: 1000px;"></div>

<div class="container">
<div class="seo-text">
<h2>What is Studydrive?</h2>
<p>
Studydrive is a powerful online platform that allows students to share and access study materials, lecture notes, and other educational resources. It provides a collaborative environment where students can connect with each other, exchange knowledge, and enhance their learning experience.
</p>
<h2>Why is Studydrive useful?</h2>
<p>
Studydrive offers a wide range of benefits for students. It provides easy access to a vast collection of study materials, making it convenient for students to find relevant resources for their courses. Additionally, Studydrive promotes collaboration and knowledge sharing among students, fostering a sense of community and facilitating peer learning.
</p>
<p>
With Studydrive, students can save time and effort by accessing comprehensive study materials that cover various subjects and topics. It helps them stay organized, improve their understanding of the course material, and prepare effectively for exams and assignments.
</p>
<p>
Furthermore, Studydrive allows students to contribute their own study materials, creating a valuable repository of resources that can benefit other students. By sharing their notes, summaries, and other study materials, students can support each other's learning journey and contribute to the academic success of the entire student community.
</p>
<h2>Studydrive Premium</h2>
<p>
Studydrive has recently introduced a paid premium plan that offers additional features and benefits. However, with the introduction of the premium plan, downloading documents from Studydrive now requires a subscription. This change aims to support the sustainability of the platform and ensure the availability of high-quality study materials for all users.
</p>
<h2>The Importance of Downloading Documents</h2>
<p>
Downloading documents is an essential aspect of the learning process. It allows students to have offline access to study materials, enabling them to study anytime and anywhere, even without an internet connection. Downloaded documents can be annotated, highlighted, and organized according to individual preferences, providing a personalized and efficient studying experience.
</p>
<h2>StudyScraper: Download Studydrive Documents</h2>
<p>
To address the limitation of downloading documents on Studydrive, we have developed StudyScraper. StudyScraper is a website that allows users to download Studydrive documents without the need for a premium subscription. With StudyScraper, students can continue to access and download study materials from Studydrive, empowering them to study effectively and efficiently.
</p>
<h2>Support for Anki Cards and All File Types</h2>
<p>
We are excited to announce that Studyscraper now supports not only Studydrive documents but also Anki cards and all other file types. Whether you need to download lecture notes, flashcards, or any other study materials, Studyscraper has got you covered. Simply paste the URL of the file you want to download and click the download button.
</p>
</div>
</div>

<script>
function download() {
window.open(
"/download/" +
encodeURIComponent(document.getElementById("url-input").value),
"_blank",
);
<div class="container">
<h1 class="text-center mt-5 mb-4">Studyscraper: A Free Studydrive Downloader</h1>
<p class="text-center">
Usage: paste the URL of the Studydrive document below and click download
</p>
<div class="input-group mb-3">
<input type="text" class="form-control rounded my-3"
placeholder="Paste URL here e.g. https://www.studydrive.net/en/doc/effi-alle-folien/1440343" value=""
id="url-input" />
<button class="btn btn-primary btn-download rounded" onclick="download()">
Download
</button>
</div>
</div>

<div style="height: 100px;"></div>

<div class="container">
<p class="text-center">
<img class="logo" src="https://the-codeboy.com/img/peeper-32_scaled.png" alt="codeboy logo" /></a>
Made by
<a href="https://the-codeboy.com">codeboy</a>
<a href="https://github.com/the-codeboy/studyscraper-rs"></a>
<a href="https://github.com/the-codeboy/studyscraper-rs">

<img class="logo" src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
alt="GitHub Logo" /></a>
Source on
<a href="https://github.com/the-codeboy/studyscraper-rs">GitHub</a>
</p>
</div>

<div style="height: 1000px;"></div>

<div class="container">
<div class="seo-text">
<h2>What is Studydrive?</h2>
<p>
Studydrive is a powerful online platform that allows students to share and access study materials, lecture
notes, and other educational resources. It provides a collaborative environment where students can connect with
each other, exchange knowledge, and enhance their learning experience.
</p>
<h2>Why is Studydrive useful?</h2>
<p>
Studydrive offers a wide range of benefits for students. It provides easy access to a vast collection of study
materials, making it convenient for students to find relevant resources for their courses. Additionally,
Studydrive promotes collaboration and knowledge sharing among students, fostering a sense of community and
facilitating peer learning.
</p>
<p>
With Studydrive, students can save time and effort by accessing comprehensive study materials that cover various
subjects and topics. It helps them stay organized, improve their understanding of the course material, and
prepare effectively for exams and assignments.
</p>
<p>
Furthermore, Studydrive allows students to contribute their own study materials, creating a valuable repository
of resources that can benefit other students. By sharing their notes, summaries, and other study materials,
students can support each other's learning journey and contribute to the academic success of the entire student
community.
</p>
<h2>Studydrive Premium</h2>
<p>
Studydrive has recently introduced a paid premium plan that offers additional features and benefits. However,
with the introduction of the premium plan, downloading documents from Studydrive now requires a subscription.
This change aims to support the sustainability of the platform and ensure the availability of high-quality study
materials for all users.
</p>
<h2>The Importance of Downloading Documents</h2>
<p>
Downloading documents is an essential aspect of the learning process. It allows students to have offline access
to study materials, enabling them to study anytime and anywhere, even without an internet connection. Downloaded
documents can be annotated, highlighted, and organized according to individual preferences, providing a
personalized and efficient studying experience.
</p>
<h2>StudyScraper: Download Studydrive Documents</h2>
<p>
To address the limitation of downloading documents on Studydrive, we have developed StudyScraper. StudyScraper
is a website that allows users to download Studydrive documents without the need for a premium subscription.
With StudyScraper, students can continue to access and download study materials from Studydrive, empowering them
to study effectively and efficiently.
</p>
<h2>Support for Anki Cards and All File Types</h2>
<p>
We are excited to announce that Studyscraper now supports not only Studydrive documents but also Anki cards and
all other file types. Whether you need to download lecture notes, flashcards, or any other study materials,
Studyscraper has got you covered. Simply paste the URL of the file you want to download and click the download
button.
</p>
<h2>How to download from Studydrive for free</h2>
<p>
To download from Studydrive for free, simply follow these steps:
<ol>
<li>Copy the URL of the Studydrive document you want to download.</li>
<li>Paste the URL in the input field above.</li>
<li>Click the download button.</li>
<li>Studyscraper will fetch the file and provide you with a direct download link.</li>
<li>Click the download link to save the file to your device.</li>
</ol>
</p>
</div>
</div>

<script>
function download() {
var urlInput = document.getElementById("url-input").value;
var studydriveUrlRegex = /^https?:\/\/(?:www\.)?studydrive\.net\/(?:[a-z]{2}\/)?doc\/[a-zA-Z0-9-]+\/[0-9]+$/;

if (studydriveUrlRegex.test(urlInput)) {
window.open("/download/" + encodeURIComponent(urlInput), "_blank");
} else {
alert("Invalid Studydrive URL. Please enter a valid Studydrive document URL.");
}
</script>
</body>
</html>
}
</script>
</body>

</html>

0 comments on commit 0acd400

Please sign in to comment.