In Advaita List website, Some posts require horizontal scroll because of lack of line breaks. This script fixes that by giving Word Wrap & some font enhancements.
"use strict";
// ==UserScript==
// @name Advaita List Word Wrap
// @namespace http://tampermonkey.net/
// @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&family=Noto+Serif&display=swap');
// @version 0.3
// @license MIT; https://openuserjs.org/users/mahadevaniyer
// @description In Advaita List website, Some posts require horizontal scroll because of lack of line breaks. This script fixes that by giving Word Wrap & some font enhancements.
// @author Mahadevan Iyer
// @match https://www.advaita-vedanta.org/archives/advaita-l/*
// @match https://lists.advaita-vedanta.org/archives/advaita-l/*
// @grant none
// ==/UserScript==
let styleSheet = `
/* Changes body font to Lexend Deca */
body {
font-family: "Lexend Deca",sans-serif !important;
}
body H1 {
font-family: "Noto Serif",sans-serif !important;
}
body {
color: #222;
background: #fff;
}
body.dark-theme {
color: #eee;
background: #1f1f1f;
}
a {
color: #0033cc;
}
body.dark-theme a {
color: #52a1fd;
}
/* gives wrap to pre tag, also changes font to Lexend Deca */
pre {
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
font-family: 'Lexend Deca';
font-stretch: expanded;
}
/* Google Search Style */
#googlesearch {
position: relative;
padding-top: 15px;
width: 50%;
}
/* gives fluidity to text and increase font size */
html {
font-size: 16px;
}
@media screen and (min-width: 320px) {
html {
font-size: calc(16px + 6 * ((100vw - 320px) / 680));
}
}
@media screen and (min-width: 1000px) {
html {
font-size: 22px;
}
}
.btn-toggle {
align-items: normal;
background-color: rgba(0,0,0,0);
border-color: rgb(0, 0, 238);
border-style: none;
box-sizing: content-box;
color: rgb(0, 0, 238);
cursor: pointer;
display: inline;
font: inherit;
height: auto;
padding: 5;
perspective-origin: 0 0;
text-align: start;
text-decoration: underline;
transform-origin: 0 0;
width: auto;
-moz-appearance: none;
-webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */
-webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */
}
`;
(function() {
/* Import Lexand Deca Font from Google Fonts */
let lexfont = document.createElement('link');
lexfont.rel = 'stylesheet';
lexfont.href = 'https://fonts.googleapis.com/css2?family=Lexend+Deca&family=Noto+Serif&display=swap';
document.head.appendChild(lexfont);
/* Custom Google Search Code */
let gsearch = document.createElement('script');
gsearch.id = 'googlesearch';
gsearch.type = 'text/javascript';
gsearch.src = 'https://cse.google.com/cse.js?cx=006692653450856610993:ftezolpnggu';
document.head.appendChild(gsearch);
/* Creates Style Sheet where all styles are defined */
let s = document.createElement('style');
s.type = "text/css";
s.innerHTML = styleSheet;
(document.head || document.documentElement).appendChild(s);
/* Google Search Div Tag, placed after first Heading */
let div = document.createElement('div');
div.setAttribute('class', 'gcse-searchbox-only');
div.setAttribute('id', 'googlesearch');
document.getElementsByTagName("h1")[0].appendChild(div);
/* Dark Mode */
/* Create a Button */
var btn2 = document.createElement('BUTTON');
btn2.innerHTML = ' 👓[ Dark Mode ] ';
btn2.classList.add('btn-toggle')
document.body.appendChild(btn2);
/* give body A class name */
//document.getElementsByTagName('body')[0].className = 'dark-theme || light-theme';
/* js for button toggle */
const btn = document.querySelector(".btn-toggle");
btn.addEventListener("click", function() {
document.body.classList.toggle("dark-theme");
});
/* pdf */
var pdfsave = document.createElement('a');
var link = document.createTextNode(" 📃 [ Save to PDF ] ");
pdfsave.appendChild(link);
pdfsave.href = "https://www.sejda.com/html-to-pdf?save-link";
document.body.appendChild(pdfsave);
})();