Home

Awesome

Marpstyle: styles for the MARP package

marpstyle was created with beauty and simplicity as its main concerns, while taking functionality into account. Back in 2021, when the first plato.css theme was ready, I decided to share it freely here on Github. I sincerely hope you make good use of it and that it comes to be as useful to you as it has been to me.

If you find it useful, all I ask is that you give the credits in you presentarions.

(UPDATES - 31.mar.2024)

(FORTHCOMING - soon!)

These styles will soon be released! Stay tuned for more marpstyle themes!

One Example of Marp slide creation with style!

This slide deck was created for a presentarion about Artifical Inteligence (AI). It show some of the capabilities of MARP as well my CSS styles. I hope you like it.

Academic presentation on philosophical aspects of Artificial Intelligence (AI):

What is Marp?

Available Themes

Here you´ll find examples of the available themes. Click on the picture to open a corresponding PDF example.

In honor of Σωκράτης - Socrates (469–399 B.C.E.)

Style: Socrates

In honor of Πλάτων - Platon (429?–347 B.C.E.)

Style: Plato

In honor of René Descartes (1596–1650)

Style: Descartes

In honor of Leibniz (1646–1716)

Style: Leibniz

In honor of Immanuel Kant (1724–1804)

Style: Kant

In honor of Hegel (1770–1831)

Style: Hegel

In honor of Sigmund Freud (1856-1939)

Style: Freud

In honor of Edmund Husserl (1859–1938)

Style: Husserl

In honor of Max Weber (1864–1920)

Style: Weber

In honor of Albert Einstein (1879–1955)

Style: Einstein

In honor of Martin Heidegger (1889–1976)

Style: Heidegger

In honor of Kurt Gödel (1906-1978)

Style: Gödel

In honor of Hannah Arendt (1906-1975)

Style: Arendt

In honor of Alan Turing (1912-1954)

Style: Turing

In honor of Martin Luther King (1929-1968)

Style: King

In honor of Steven Jobs (1955–2011)

Style: Jobs

<br>

What´s necessary to install?

  1. First, it is clear that you need Marp installed and operational. I just created these styles having the VSCode environment in mind, and only it, but it doesn´t mean they don´t work well with other environments, but I haven´t teste them at all.

  2. My suggestion is that you create a separate folder for each intended presentation of yours. Inside this folder I do also recomend you to create another folder, which might be called /style, specifically destinated for the CSS style files you intend do use in your presentation.

  3. A prerequisite for using some extra fonts is that you have them installed on your computer. That said, some of the styles available here require special fonts not available by default in most OS installations. I intend to make some modifications so that these fonts are automatically downloaded from internet, but until this modification ins implemented, you will find below a section containing informations about the special fonts use in some of my styles and a possible locations where from you can download them (for free).

  4. If you use MARP for VSCode, remember to include the path to the theme files (CSS files) in your workspace.code-workspace in order to make them available to your slide deck.

It might look similar to:

<br> 
{
	"folders": [
		{
			"path": "."
		}
	],
	"settings": {
		"markdown.marp.themes": [
			"./style/arendt.css",
			"./style/descartes.css",
			"./style/einstein.css",
			"./style/freud.css",
			"./style/godel.css",
			"./style/hegel.css",
			"./style/heidegger.css",
			"./style/husserl.css",
			"./style/jobs.css",
			"./style/kant.css",
			"./style/king.css",
			"./style/leibniz.css",
			"./style/orwell.css",
			"./style/pascal.css",
			"./style/plato.css",
			"./style/schema.css",
			"./style/simple.css",
			"./style/socrates.css",
			"./style/structure.css",
			"./style/turing.css",
			"./style/weber.css",
		]
	}
}

Styles directly from the internet

You might as well use my themes directly from github using the url, just like depicted below:

{
	"folders": [
		{
			"path": "."
		}
	],
	"settings": {
		"markdown.marp.themes": [
			"https://cunhapaulo.github.io/style/arendt.css",
			"https://cunhapaulo.github.io/style/descartes.css",
			"https://cunhapaulo.github.io/style/einstein.css",
			"https://cunhapaulo.github.io/style/freud.css",
			"https://cunhapaulo.github.io/style/godel.css",
			"https://cunhapaulo.github.io/style/hegel.css",
			"https://cunhapaulo.github.io/style/heidegger.css",
			"https://cunhapaulo.github.io/style/husserl.css",
			"https://cunhapaulo.github.io/style/jobs.css",
			"https://cunhapaulo.github.io/style/kant.css",
			"https://cunhapaulo.github.io/style/king.css",
			"https://cunhapaulo.github.io/style/leibniz.css",
			"https://cunhapaulo.github.io/style/orwell.css",
			"https://cunhapaulo.github.io/style/pascal.css",
			"https://cunhapaulo.github.io/style/plato.css",
			"https://cunhapaulo.github.io/style/schema.css",
			"https://cunhapaulo.github.io/style/simple.css",
			"https://cunhapaulo.github.io/style/socrates.css",
			"https://cunhapaulo.github.io/style/structure.css",
			"https://cunhapaulo.github.io/style/turing.css",
			"https://cunhapaulo.github.io/style/weber.css",	
				
		]
	}
}
<br>

Typefaces (TTF Fonts)

In the first editions of Marpstyle, it was necessary to download and install some of the fonts used. Now this is no longer necessary, as they are automatically downloaded from a website. Even so, I've kept here the reference and the sites from which these fonts can be downloaded and installed locally. See below:

Observation about fonts:

Recently I decided to make use of downloading fonts from internet instead of forcing the user to install TTF fonts in their systems. Should it break in the future, due to the stop of the site proving the sources, be advised to resort to the old method instead.

Credits