☰

Greasy Fork is available in English.

Advaita List Word Wrap

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);


})();