Embark (New Tab Page) for the Tabliss extension

README.md

Tabliss ^_x Embark

A beautiful, customisable new tab page for Firefox and Chrome.

My own settings inspired from an old Chrome extension named Embark - New Tab Page.

Install

1. Install Tabliss extension.

   Choose your browser:

   • Chrome
   • Firefox
   • Microsoft Edge

2. Download tabliss.json.

3. Open a new tab with Tabliss.

4. Open Tabliss settings (in a corner).

5. Scroll down to the bottom of the settings.

6. Click on import and choose tabliss.json (previously downloaded).

Sources:

• Tabliss (official website).
• Try Tabliss (web version).
• Embark - New Tab Page.

Examples

custom.css

@import url(
	'https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700&display=swap'
);

.Time .Digital > h1 {
	border: 0.75vw solid #FFFFFF;
	box-sizing: content-box;
	font-family: 'Lato', sans-serif;
	font-size: 12rem;
	font-weight: bold;
	line-height: normal;
	padding: 1vw 2vw;
}

.Time > h3 {
	color: #EEEEEE;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	opacity: 0.9;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 70%);
}

@media screen and (max-width: 1024px) {
	.Time .Digital > h1 {
		font-size: 20.30vh;
	}
	.Time > h3 {
		font-size: 2.35vh;
	}
}

.credit {
	visibility: hidden;
}

.photo {
	visibility: hidden;
}

.location {
	visibility: hidden;
}

.Time .Analogue {
	visibility: hidden;
}

.Time > hr {
	visibility: hidden;
}

tabliss.json

{
	"data/DKvLV8nO_AgT": {
		"input": "@import url(\n\t'https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700&display=swap'\n);\n\n.Time .Digital > h1 {\n\tborder: 0.75vw solid #FFFFFF;\n\tbox-sizing: content-box;\n\tfont-family: 'Lato', sans-serif;\n\tfont-size: 12rem;\n\tfont-weight: bold;\n\tline-height: normal;\n\tpadding: 1vw 2vw;\n}\n\n.Time > h3 {\n\tcolor: #EEEEEE;\n\tfont-family: 'Lato', sans-serif;\n\tfont-size: 16px;\n\tletter-spacing: 2px;\n\topacity: 0.9;\n\ttext-transform: uppercase;\n\ttext-shadow: 2px 2px 4px rgb(0 0 0 / 70%);\n}\n\n@media screen and (max-width: 1024px) {\n\t.Time .Digital > h1 {\n\t\tfont-size: 20.30vh;\n\t}\n\t.Time > h3 {\n\t\tfont-size: 2.35vh;\n\t}\n}\n\n.credit {\n\tvisibility: hidden;\n}\n\n.photo {\n\tvisibility: hidden;\n}\n\n.location {\n\tvisibility: hidden;\n}\n\n.Time .Analogue {\n\tvisibility: hidden;\n}\n\n.Time > hr {\n\tvisibility: hidden;\n}\n"
	},
	"data/G_Nwb9c047li": {
		"hour12": false,
		"mode": "analogue",
		"name": "",
		"showDate": true,
		"showDayPeriod": true,
		"showMinutes": false,
		"showSeconds": false,
		"timeZone": null
	},
	"data/default-unsplash": {
		"by": "official",
		"collections": "",
		"featured": false,
		"paused": false,
		"search": "",
		"timeout": 0,
		"topics": "bo8jQKTaE0Y"
	},
	"focus": false,
	"locale": "en-GB",
	"widget/9yw-LmqhCv0P": null,
	"widget/BmQ-I8l6AQR-": null,
	"widget/DKvLV8nO_AgT": {
		"display": {
			"position": "middleCentre"
		},
		"id": "DKvLV8nO_AgT",
		"key": "widget/css",
		"order": 2
	},
	"widget/G_Nwb9c047li": {
		"display": {
			"fontFamily": "Lato",
			"fontSize": 4,
			"fontWeight": 100,
			"position": "bottomCentre"
		},
		"id": "G_Nwb9c047li",
		"key": "widget/time",
		"order": 1
	},
	"widget/MiboB7icc5iC": null,
	"widget/WB-8PLBpkV6P": null,
	"widget/default-greeting": null,
	"widget/ewxEp4SquFof": null,
	"widget/hRhoBCKPMIMy": null,
	"widget/qtvKp5kJnUhb": null,
	"widget/sRCslia49-_5": null,
	"background": {
		"id": "default-unsplash",
		"key": "background/unsplash",
		"display": {
			"luminosity": -0.2,
			"blur": 0
		}
	},
	"widget/default-time": {
		"id": "default-time",
		"key": "widget/time",
		"order": 0,
		"display": {
			"position": "middleCentre"
		}
	},
	"timeZone": null,
	"version": 3
}