Skip to content

Commit

Permalink
Add robots.txt, update theme settings, and adjust URLs for local deve…
Browse files Browse the repository at this point in the history
…lopment
  • Loading branch information
apotenza92 committed Jan 17, 2025
1 parent 45a5252 commit ccb094b
Show file tree
Hide file tree
Showing 22 changed files with 1,304 additions and 847 deletions.
26 changes: 13 additions & 13 deletions content/posts/Bypass Paywalls.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,21 +20,21 @@ Sometimes these extensions break or get removed, so here are the full links to w

1. Download zip file [here](https://gitflic.ru/project/magnolia1234/bpc_uploads/blob/raw?file=bypass-paywalls-chrome-clean-master.zip)
2. Unzip so you have folder: 'bypass-paywalls-chrome-clean-master'
3. Go to Manage Extensions (may look different depending on browser) ![Image Description](/blog/images/Pasted%20image%2020241009115121.png)
4. Turn on Developer mode ![Image Description](/images/Pasted%20image%2020241009115232.png)
5. Click Load unpacked ![Image Description](/images/Pasted%20image%2020241009115507.png)
6. Find the unzipped folder and select that to load ![Image Description](/images/Pasted%20image%2020241009115547.png)
7. Once loaded it will automatically open the plugin's setting page. I recommend turning on "Check for update rules at startup". Then just hit save. ![Image Description](/images/Pasted%20image%2020241009115756.png)
8. You're done! If you go to a website like afr you'll see it's working because the extension will have a small red 'On' icon next to it. ![Image Description](/images/Pasted%20image%2020241009115858.png)
3. Go to Manage Extensions (may look different depending on browser) ![](/blog/images/Pasted%20image%2020241009115121.png)
4. Turn on Developer mode ![](/blog/images/Pasted%20image%2020241009115232.png)
5. Click Load unpacked ![](/blog/images/Pasted%20image%2020241009115507.png)
6. Find the unzipped folder and select that to load ![](/blog/images/Pasted%20image%2020241009115547.png)
7. Once loaded it will automatically open the plugin's setting page. I recommend turning on "Check for update rules at startup". Then just hit save. ![](/blog/images/Pasted%20image%2020241009115756.png)
8. You're done! If you go to a website like afr you'll see it's working because the extension will have a small red 'On' icon next to it. ![](/blog/images/Pasted%20image%2020241009115858.png)

## Firefox Instructions

1. Download file [here](https://gitflic.ru/project/magnolia1234/bpc_uploads/blob/raw?file=bypass_paywalls_clean-latest.xpi)
2. Go to about:addons in the URL bar. Go to Extensions, click the gear icon, and then "Install Add-on From File…" ![Image Description](/images/Pasted%20image%2020241009121012.png)
3. Select the xpi file we downloaded earlier. ![Image Description](/images/Pasted%20image%2020241009121105.png)
2. Go to about:addons in the URL bar. Go to Extensions, click the gear icon, and then "Install Add-on From File…" ![](/blog/images/Pasted%20image%2020241009121012.png)
3. Select the xpi file we downloaded earlier. ![](/blog/images/Pasted%20image%2020241009121105.png)
4. Firefox will ask if you want the extension to have permission, click 'Add'.
5. Once loaded it will automatically open the plugin's setting page. I recommend turning on "Check for update rules at startup". Then just hit save. ![Image Description](/images/Pasted%20image%2020241009121304.png)
6. You're done! If you go to a website like afr you'll see it's working because the extension will have a small red 'On' icon next to it. ![Image Description](/images/Pasted%20image%2020241009121350.png)
5. Once loaded it will automatically open the plugin's setting page. I recommend turning on "Check for update rules at startup". Then just hit save. ![](/blog/images/Pasted%20image%2020241009121304.png)
6. You're done! If you go to a website like afr you'll see it's working because the extension will have a small red 'On' icon next to it. ![](/blog/images/Pasted%20image%2020241009121350.png)

## iPhone Safari Instructions (Also Works on iPad and Mac)

Expand All @@ -56,11 +56,11 @@ This requires the premium version of AdGuard which has various paid plans availa
13. I recommend going to iCloud Drive and creating a folder called Userscripts (you can make a new folder by clicking the 3 dots in the top right corner). Open the Userscripts folder you just made and click Open. What we just did was tell the Userscripts app to look inside our iCloud / Userscripts folder for any scripts we want to run on websites. This will make more sense soon.
14. Open Safari on your phone and go to:
1. [magnolia1234/bypass-paywalls-clean-filters](https://gitflic.ru/project/magnolia1234/bypass-paywalls-clean-filters/blob?file=userscript%2Fbpc.en.user.js&branch=main)
2. Click the small download icon ![Image Description](/images/IMG_1CBFF10679D5-1.jpeg)
2. Click the small download icon ![](/blog/images/IMG_1CBFF10679D5-1.jpeg)
3. Your phone will download the file to your phone. No we need to put this file into the Userscripts folder we created earlier.
15. Get out of Safari and go to the 'Files' app on your phone.
16. Go to the 'Browse' tab. Depending on how your phone is set up you will either find your downloads in 'On My iPhone / Downloads' or in 'iCloud Drive / Downloads'. Have a look in both these locations until you find the 'bpc.en.user.js' file we downloaded. Once you find it hold down your finger on it and select 'Move'. Now navigate to the Userscripts folder we created earlier at 'iCloud Drive / Userscripts' and then select Move.
17. Go back to Safari and let's test it out to make sure it's on. Go to afr.com.
18. Press this puzzle piece icon and select Userscripts. If you can't see Userscripts select Manage Extensions and turn it on. ![Image Description](/images/IMG_8077E9B345F4-1.jpeg)
19. A little Userscripts window opens and you should see something like Bypass Paywalls Clean - en with a small JS logo next to it. Make sure this JS logo is lit up, meaning this script is turned on ![Image Description](/images/IMG_C0326EBB3939-1.jpeg)
18. Press this puzzle piece icon and select Userscripts. If you can't see Userscripts select Manage Extensions and turn it on. ![](/blog/images/IMG_8077E9B345F4-1.jpeg)
19. A little Userscripts window opens and you should see something like Bypass Paywalls Clean - en with a small JS logo next to it. Make sure this JS logo is lit up, meaning this script is turned on ![](/blog/images/IMG_C0326EBB3939-1.jpeg)
20. Phew! We're done now. Test it all out by trying to open an afr article!
14 changes: 13 additions & 1 deletion hugo.toml
Original file line number Diff line number Diff line change
@@ -1,4 +1,16 @@
baseURL = 'https://apotenza92.github.io/blog/'
languageCode = 'en-us'
title = "Alex's Blog"
theme = "ananke"
theme = "PaperMod"
paginate = 5

enableRobotsTXT = true
buildDrafts = false
buildFuture = false

[params]
defaultTheme = "auto"
ShowReadingTime = true
ShowBreadCrumbs = true
ShowPostNavLinks = true
ShowCodeCopyButtons = true
2 changes: 1 addition & 1 deletion images.py
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
image_filename = os.path.basename(rel_path)

# Convert wikilink to markdown
new_link = f"![Image Description](/images/{image_filename.replace(' ', '%20')})"
new_link = f"![](/blog/images/{image_filename.replace(' ', '%20')})"
content = content.replace(f"![[{rel_path}]]", new_link)

# Copy image if it exists
Expand Down
265 changes: 174 additions & 91 deletions public/404.html
Original file line number Diff line number Diff line change
@@ -1,96 +1,179 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Alex&#39;s Blog</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
<meta name="description" content="">
<meta name="generator" content="Hugo 0.141.0">



<meta name="robots" content="index, follow">




<link rel="stylesheet" href="/blog/ananke/css/main.min.d05fb5f317fcf33b3a52936399bdf6f47dc776516e1692e412ec7d76f4a5faa2.css" >













<link rel="canonical" href="https://apotenza92.github.io/blog/404.html">


<meta property="og:url" content="https://apotenza92.github.io/blog/404.html">
<meta property="og:site_name" content="Alex&#39;s Blog">
<meta property="og:title" content="404 Page not found">
<meta property="og:locale" content="en_us">
<meta property="og:type" content="website">

<meta itemprop="name" content="404 Page not found">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="404 Page not found">




</head><body class="ma0 avenir bg-near-white production">



<header>
<div class="bg-black">
<nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center">
<a href="/blog/" class="f3 fw2 hover-white no-underline white-90 dib">

Alex&#39;s Blog

</a>
<div class="flex-l items-center">



<div class="ananke-socials"></div>

</div>
</div>
</nav>

</div>
</header>


<main class="pb7" role="main">

<article class="center cf pv5 measure-wide-l">
<h1>
This is not the page you were looking for
</h1>
</article>

<html lang="en" dir="auto">

<head><script src="/blog/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=blog/livereload" data-no-instant defer></script><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>404 Page not found | Alex&#39;s Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="http://localhost:1313/blog/404.html">
<link crossorigin="anonymous" href="/blog/assets/css/stylesheet.45e028aa8ce0961349adf411b013ee39406be2c0bc80d4ea3fc04555f7f4611a.css" integrity="sha256-ReAoqozglhNJrfQRsBPuOUBr4sC8gNTqP8BFVff0YRo=" rel="preload stylesheet" as="style">
<link rel="icon" href="http://localhost:1313/blog/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/blog/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/blog/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://localhost:1313/blog/apple-touch-icon.png">
<link rel="mask-icon" href="http://localhost:1313/blog/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" hreflang="en" href="http://localhost:1313/blog/404.html">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}

</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}

.list {
background: var(--theme);
}

.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}

.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}

</style>
</noscript>
</head>

<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}

</script>

<header class="header">
<nav class="nav">
<div class="logo">
<a href="http://localhost:1313/blog/" accesskey="h" title="Alex&#39;s Blog (Alt + H)">Alex&#39;s Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
</div>
</div>
<ul id="menu">
</ul>
</nav>
</header>
<main class="main">
<div class="not-found">404</div>
</main>
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
<div class="flex justify-between">
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://apotenza92.github.io/blog/" >
&copy; Alex's Blog 2025
</a>
<div><div class="ananke-socials"></div>
</div>
</div>

<footer class="footer">
<span>&copy; 2025 <a href="http://localhost:1313/blog/">Alex&#39;s Blog</a></span> ·

<span>
Powered by
<a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
<a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
</span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</a>

<script>
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});

</script>
<script>
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};

</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})

</script>
</body>

</body>
</html>
13 changes: 0 additions & 13 deletions public/ananke/css/main.css.map

This file was deleted.

This file was deleted.

Large diffs are not rendered by default.

Loading

0 comments on commit ccb094b

Please sign in to comment.