Tutorials

Adding a Chrome Extension (chrome.lore.land)

Step 1: Prepare the Manifest File

Create a manifest.json file in the root of your extension’s folder. This file defines the extension’s details and behavior.

{
  "manifest_version": 3,
  "name": "chrome.lore.land",
  "version": "1.0",
  "description": "Your description here.",
  "action": {
    "default_popup": "popup.html"
  },
  "permissions": ["tabs"]
}

Step 2: Create Basic Files

Create popup.html and popup.js as the base files for your extension:

<!-- popup.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Chrome Extension Popup</title>
</head>
<body>
  <h1>Welcome to chrome.lore.land!</h1>
  <script src="popup.js"></script>
</body>
</html>

// popup.js
console.log("Chrome Extension Loaded!");

Step 3: Load the Extension

Go to chrome://extensions, enable Developer mode, and click “Load unpacked.” Select your extension’s folder to load it.

Converting a Basic Static Site (HTML & CSS) into an EPUB

Step 1: Prepare the document structure

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Static Site</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>Welcome to the Static Site!</h1>
  <p>This is a sample site to convert into an EPUB.</p>
</body>
</html>

styles.css

body { background: #ccc; }

Step 2: Use an EPUB Conversion Tool

Use a free tool like Calibre to convert the static site into an EPUB format. You can do this by loading your HTML file into Calibre and exporting it as an EPUB.

Step 3: Customize Metadata and Styling

Once your site is converted, make sure to adjust the EPUB metadata (such as title and author) and styling if necessary using Calibre’s editor.