puparuolo/Browser_Config - Change AXN3AHBLZXA73N7T5DTS64FN4UZT6PIJIVS6GQI4WWP6LTZMFDBQC

Bookmarks

Created by puparuolo on February 3, 2021

AXN3AHBLZXA73N7T5DTS64FN4UZT6PIJIVS6GQI4WWP6LTZMFDBQC

In channels

main

Change contents

File addition: Bookmarks_History (drwxr-xr-x)
[1.0]
File addition: style (drwxr-xr-x)
[0.20]
File addition: sfondo.png (-rw-r--r--)
[0.29]

File addition: bookmark_style.css (-rw-r--r--)

[0.29]

@import "Iosevka-webfont.css";
*{
    margin:0;
    padding:0;
}
:root {
    --bg-light: url(sfondo.png);
    --bg-light2: #f9f9f9;
    --fg-light: #6f798c;
    --green: #2CC46E;
    --blue: #6f97ec;
    --red: #ef4b4b;
    --yellow: #ECC46F;
    --link-hover-timing: all 0.25s ease-in-out;
    --theme-change-timing: all 1s ease-in-out;
    --fonts: 'Iosevka Web', 'Iosevka Aile';
}
.light {
    background-image: var(--bg-light);
    color: var(--fg-light);
}
.light a, .light a:visited {
    color: var(--fg-light);
}
.light .container {
    background-color: var(--bg-light2);
}
body {
    font-family: var(--fonts);
    transition: all 0.5s ease
}
#box {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container {
    padding: 3em;
    margin: 3%;
    height: 10em;
    width: 10em;
    box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}
a, a:visited {
    text-decoration: none;
}
header {
    padding-bottom: 8px;
    font-weight:bold;
    cursor: pointer;
}
.D a:hover, .D header {
    color: var(--red);
}
.A a:hover, .A header {
    color: var(--yellow);
}
.B a:hover, .B header {
    color: var(--blue);
}
.C a:hover, .C header {
    color: var(--green);
}
@media (max-width:620px) {
    .container {
        padding: 2em;
        margin: 0;
    }
}
form {
  margin: 1em;
  position: relative;
}
 form input[type="search"] {
  background-color: var(--bg-dark);
  border: none;
  box-sizing: border-box;
  font-weight: bold;
  color: var(--yellow);
  width: 100%;
}
form label {
  color: var(--fg-dark);
  left: -1em;
  position: absolute;
}
form:focus-within input::placeholder {
  opacity: 0;
}

File addition: Iosevka-webfont.css (-rw-r--r--)

[0.29]


@font-face {
	font-family: 'Iosevka Web';
	font-weight: 100;
	font-style: normal;
	src: url('woff2/iosevka-thin.woff2') format('woff2'), url('woff/iosevka-thin.woff') format('woff'), url('ttf/iosevka-thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 100;
	font-style: italic;
	src: url('woff2/iosevka-thinitalic.woff2') format('woff2'), url('woff/iosevka-thinitalic.woff') format('woff'), url('ttf/iosevka-thinitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 100;
	font-style: oblique;
	src: url('woff2/iosevka-thinoblique.woff2') format('woff2'), url('woff/iosevka-thinoblique.woff') format('woff'), url('ttf/iosevka-thinoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 200;
	font-style: normal;
	src: url('woff2/iosevka-extralight.woff2') format('woff2'), url('woff/iosevka-extralight.woff') format('woff'), url('ttf/iosevka-extralight.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 200;
	font-style: italic;
	src: url('woff2/iosevka-extralightitalic.woff2') format('woff2'), url('woff/iosevka-extralightitalic.woff') format('woff'), url('ttf/iosevka-extralightitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 200;
	font-style: oblique;
	src: url('woff2/iosevka-extralightoblique.woff2') format('woff2'), url('woff/iosevka-extralightoblique.woff') format('woff'), url('ttf/iosevka-extralightoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 300;
	font-style: normal;
	src: url('woff2/iosevka-light.woff2') format('woff2'), url('woff/iosevka-light.woff') format('woff'), url('ttf/iosevka-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 300;
	font-style: italic;
	src: url('woff2/iosevka-lightitalic.woff2') format('woff2'), url('woff/iosevka-lightitalic.woff') format('woff'), url('ttf/iosevka-lightitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 300;
	font-style: oblique;
	src: url('woff2/iosevka-lightoblique.woff2') format('woff2'), url('woff/iosevka-lightoblique.woff') format('woff'), url('ttf/iosevka-lightoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 400;
	font-style: normal;
	src: url('woff2/iosevka-regular.woff2') format('woff2'), url('woff/iosevka-regular.woff') format('woff'), url('ttf/iosevka-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 400;
	font-style: italic;
	src: url('woff2/iosevka-italic.woff2') format('woff2'), url('woff/iosevka-italic.woff') format('woff'), url('ttf/iosevka-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 400;
	font-style: oblique;
	src: url('woff2/iosevka-oblique.woff2') format('woff2'), url('woff/iosevka-oblique.woff') format('woff'), url('ttf/iosevka-oblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 500;
	font-style: normal;
	src: url('woff2/iosevka-medium.woff2') format('woff2'), url('woff/iosevka-medium.woff') format('woff'), url('ttf/iosevka-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 500;
	font-style: italic;
	src: url('woff2/iosevka-mediumitalic.woff2') format('woff2'), url('woff/iosevka-mediumitalic.woff') format('woff'), url('ttf/iosevka-mediumitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 500;
	font-style: oblique;
	src: url('woff2/iosevka-mediumoblique.woff2') format('woff2'), url('woff/iosevka-mediumoblique.woff') format('woff'), url('ttf/iosevka-mediumoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 600;
	font-style: normal;
	src: url('woff2/iosevka-semibold.woff2') format('woff2'), url('woff/iosevka-semibold.woff') format('woff'), url('ttf/iosevka-semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 600;
	font-style: italic;
	src: url('woff2/iosevka-semibolditalic.woff2') format('woff2'), url('woff/iosevka-semibolditalic.woff') format('woff'), url('ttf/iosevka-semibolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 600;
	font-style: oblique;
	src: url('woff2/iosevka-semiboldoblique.woff2') format('woff2'), url('woff/iosevka-semiboldoblique.woff') format('woff'), url('ttf/iosevka-semiboldoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 700;
	font-style: normal;
	src: url('woff2/iosevka-bold.woff2') format('woff2'), url('woff/iosevka-bold.woff') format('woff'), url('ttf/iosevka-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 700;
	font-style: italic;
	src: url('woff2/iosevka-bolditalic.woff2') format('woff2'), url('woff/iosevka-bolditalic.woff') format('woff'), url('ttf/iosevka-bolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 700;
	font-style: oblique;
	src: url('woff2/iosevka-boldoblique.woff2') format('woff2'), url('woff/iosevka-boldoblique.woff') format('woff'), url('ttf/iosevka-boldoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 800;
	font-style: normal;
	src: url('woff2/iosevka-extrabold.woff2') format('woff2'), url('woff/iosevka-extrabold.woff') format('woff'), url('ttf/iosevka-extrabold.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 800;
	font-style: italic;
	src: url('woff2/iosevka-extrabolditalic.woff2') format('woff2'), url('woff/iosevka-extrabolditalic.woff') format('woff'), url('ttf/iosevka-extrabolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 800;
	font-style: oblique;
	src: url('woff2/iosevka-extraboldoblique.woff2') format('woff2'), url('woff/iosevka-extraboldoblique.woff') format('woff'), url('ttf/iosevka-extraboldoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 900;
	font-style: normal;
	src: url('woff2/iosevka-heavy.woff2') format('woff2'), url('woff/iosevka-heavy.woff') format('woff'), url('ttf/iosevka-heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 900;
	font-style: italic;
	src: url('woff2/iosevka-heavyitalic.woff2') format('woff2'), url('woff/iosevka-heavyitalic.woff') format('woff'), url('ttf/iosevka-heavyitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevka Web';
	font-weight: 900;
	font-style: oblique;
	src: url('woff2/iosevka-heavyoblique.woff2') format('woff2'), url('woff/iosevka-heavyoblique.woff') format('woff'), url('ttf/iosevka-heavyoblique.ttf') format('truetype');
}

File addition: bookmarks.html (-rw-r--r--)

[0.20]

<!DOCTYPE html>
<html>
	<head>
		<title>Bookmarks</title>
		<link rel="stylesheet" type="text/css" href='style/bookmark_style.css'>
		<meta charset='UTF-8'>
	</head>
	<body class='light'>		
		<div id='box'>
		<div class='container'>
				<div class='A'>
					<header>Da Leggere Dopo</header>
					<a href='https://www.distrotube.com/blog/rcm-guide/'>rcm guide</a>
				</div>
			</div>
			<div class='container'>
				<div class='D'>
					<header>Interessanti</header>
					<a href='https://dev.lemmy.ml'>Lemmy</a>
					<a href='https://cheapskatesguide.org/'>Cheapskate</a>
					<a href='https://news.ycombinator.com/news'>HackerNews</a>
					<a href='https://github.com/sindresorhus/awesome'>Awesomelist</a>
					<a href='http://vimgenius.com/'>Vimgenius</a>
				</div>
			</div>
			<div class='container'>
				<div class='B'>
					<header>Privacy and security</header>
					<a href='https://digdeeper.neocities.org/'>digdeeper</a>
					<a href='https://spyware.neocities.org'>spyware</a>
					<a href='https://docs.gnunet.org/handbook/gnunet.html'>gnunet</a>
					<a href='https://overthewire.org'>Overthewire</a>
				</div>
			</div>
			<div class='container'>
				<div class='A'>
					<header>Lavoro</header>
					<a href='https://www.irenaweb.org/'>Irena</a>
					<a href='https://www.jinaweb.org/'>Jina-CEE</a>
					<a href='https://www.nndc.bnl.gov/'>NNDC</a>
				</div>
			</div>
		</div>
		<div id='box'>
			<div class='container'>
				<div class='B'>
					<header>Utili</header>
					<a href='https://mail.tutanota.com/login'>Tutanota</a>
					<a href='https://mail.protonmail.com/login'>Protonmail</a>
					<a href='https://disroot.org'>Disroot</a>
					<a href='http://hyperphysics.phy-astr.gsu.edu/hbase/hph.html'>Hyperphysics</a>
				</div>
			</div>
			<div class='container'>
				<div class='A'>
					<header>Giochi</header>
					<a href='https://monsterhunterworld.wiki.fextralife.com/Builds'>MHWBuilds</a>
				</div>
			</div>
			<div class='container'>
				<div class='D'>
					<header>Linux</header>
					<a href='https://www.distrotube.com'>Distrotube</a>
					<a href='https://pijul.org'>pijul</a>
				</div>
			</div>
			<div class='container'>
				<div class='C'>
					<header>Personali</header>
					<a href='https://time-to-spare.neocities.org'> TimeToSpare </a>
				</div>
			</div>
	</body>
</html>

Bookmarks

In channels

Change contents

File addition: Bookmarks_History (drwxr-xr-x)

File addition: style (drwxr-xr-x)

File addition: sfondo.png (-rw-r--r--)

File addition: bookmark_style.css (-rw-r--r--)

File addition: Iosevka-webfont.css (-rw-r--r--)

File addition: bookmarks.html (-rw-r--r--)