diff --git a/README.md b/README.md index b78f465..0ae4649 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,17 @@ -# MARP Themes - `marpstyle` ![](https://camo.githubusercontent.com/83d3746e5881c1867665223424263d8e604df233d0a11aae0813e0414d433943/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667) +# `MarpStyle`: styles for the MARP package -Marp Themes 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 here on Github. +`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 here on Github. I sincerely hope you like it and that it comes to be as useful to as many users as it has been to me.

-More styles will be released soon. Stay tuned for more `Marpstyle Themes`! - - - -## Last update: 20.jul.2023 - What´s new? - -- 🆕 **Just arrived**! Enjoy! - - **Hannah Arendt** - - **Albert Einstein**, - - **Martin Luther King**, - - **Kurt Gödel**, and - - **Alan Turing**. -- 🆕 Theme **JOBS** updated!!! +### (updates - 20.jul.2023) +- **Hannah Arendt** +- **Albert Einstein**, +- **Martin Luther King**, +- **Kurt Gödel**, and +- **Alan Turing**. +- Theme **JOBS** updated!!! +More styles will be released soon. Stay tuned for more `Marpstyle Themes`! ## One Example of Marp slide creation with style! diff --git a/examples/example-godel.md b/examples/example-godel.md index e8a6bcd..4517d77 100644 --- a/examples/example-godel.md +++ b/examples/example-godel.md @@ -1,5 +1,5 @@ --- -title : Example Slides for Themes Heidegger +title : Example Slides for Theme Gödel author : Paulo Cunha description : This is an example of how to use my themes. keywords : Marp, Slides, Themes. diff --git a/examples/example-orwell.md b/examples/example-orwell.md new file mode 100644 index 0000000..e41d655 --- /dev/null +++ b/examples/example-orwell.md @@ -0,0 +1,457 @@ +--- +title : Example Slides for Theme Orwell +author : Paulo Cunha +description : This is an example of how to use my themes +keywords : Marp, Slides, Themes, Marpstyle, Einstein, Bern +marp : true +paginate : true +theme : orwell + +--- + + + + + + +![bg left:33% brightness:0.9](../img/george-orwell.webp) + +
Absolute, only the speed of light
+
General and Special Relativity in Physics
+
George Orwell (Eric Arthur Blair)
+
Bern, Schweiz, 1905
+
Eidgenössisches Amt für Geistiges Eigentum
+ + +--- +![bg right:33% brightness:0.9](../img/young-george-orwell.webp) + + + +# Absolute, only the speed of light +## General and Special Relativity in Physics +### George Orwell (Eric Arthur Blair) +#### Bern, Schweiz, 1905 +##### Eidgenössisches Amt für Geistiges Eigentum + +--- + +![bg](../img/einstein-haus-bern.jpg) + +--- + +![bg w:100%](../img/einstein-haus-sign.jpg) + +--- + +# Normal Slide + +Common texts + +--- + +![bg blur:8px grayscale:1 brightness:0.8](https://cdn.gamma.app/theme_images/gamma/gamma-15_bcdb1f14.jpg) + +# Normal Slide + +Common texts + +--- +# Lists + +
+
+ + +1. *ZĂĽrich* +2. *Genf (Genebra)* +3. *Basel (Basileia)* +3. *Bern (Berna)* +4. *Lausanne* +
+
+ +4. *Luzern (Lucerna)* +5. *St. Gallen* +6. *Winterthur* +7. *Lugano* +8. *Freiburg (Friburgo)* +
+
+ +--- + + +# Is Algebraic Graph Knowledge **Possible**? + +Research has been conducted in order to evaluate the possibility of reaching meaningful knowledge from Algebraic Graph transformations. + +- Model Cheking and theorem prooving are viable paths. + +When the neet to make strong assertions becomes inevitable: +- This is the first way: **outstanding assertion**! +- Even greater impact comes from: _hilight text_! + +> ***Note**: This is a very long footnote line intended to test the layout of two. +> +--- +![bg blur:5px grayscale:1](https://photy.org/photos/blue-halftone-wide-photy.org.jpg) + + +# Is Algebraic Graph Knowledge still **Possible**? + +Research has been conducted in order to evaluate the possibility of reaching meaningful knowledge from Algebraic Graph transformations. + +- Model Cheking and theorem prooving are viable paths. + +When the neet to make strong assertions becomes inevitable: +- This is the first way: **outstanding assertion**! +- Even greater impact comes from: _hilight text_! + +> ***Note**: This is a very long footnote line intended to test the layout of two. +> +--- + + +![bg brightness:0.8 blur:5px](../img/bg01.jpg) + + +# Is Algebraic Graph Knowledge **Possible**? + +Research has been conducted in order to evaluate the possibility of reaching meaningful knowledge from Algebraic Graph transformations. + +- Model Cheking and theorem prooving are viable paths. + +When the neet to make strong assertions becomes inevitable: +- This is the first way: **outstanding assertion**! +- Even greater impact comes from: _hilight text_! + +> ***Note**: This is a very long footnote line intended to test the layout of two. +> +--- + + + + + + + + + + + +# Is Algebraic Graph Knowledge **Possible**? + +Research has been conducted in order to evaluate the possibility of reaching meaningful knowledge from Algebraic Graph transformations. + +- Model Cheking and theorem prooving are viable paths. + +When the neet to make strong assertions becomes inevitable: +- This is the first way: **outstanding assertion**! +- Even greater impact comes from: _hilight text_! + +> ***Note**: This is a very long footnote line intended to test the layout of two. +> +--- + + +
+
+ +# H1 +## H2 +### H3 +#### H4 +##### H5 +###### H6 +
+
+ +- This is a fragment o normal text written here in order to exemplify the use of several featrues in CSS. + +- This is a fragment o normal text written here in order to exemplify the use of several featrues in CSS. + + - This is one **feature** + - This is another subjetc. + +
+
+ +--- + +# Lists + +
+
+ +1. One +2. Two +3. Three + 1. abc + 2. def +4. End of list + +
+
+ +```haskell + +primes = filterPrime [2..] + where filterPrime (p:xs) = + p : filterPrime [x | x <- xs, x `mod` p /= 0] + +seqLength :: Num b ⇒ Sequence a → b +seqAppend :: Sequence a → Sequence a → Sequence a + +seqLength Nil = 0 +seqLength (Cons _ xs) = 1 + seqLength xs + +seqAppend Nil ys = ys +seqAppend (Cons x xs) ys = Cons x (seqAppend xs ys) + +``` +
+Code: Haskell code fragment. +
+ +
+
+ +--- + +# Tables + +| Column A | Column B | Column C | Column D | +| -------- | -------- | -------- | :------: | +| A1 | B1 | C1 | D1 | +| A2 | B2 | C2 | D2 | +| A3 | B3 | C3 | D3 | + +
+Table: Exemple of use of tables. +
+ +--- +![bg opacity:0.2 blur:5px](https://i0.wp.com/jornal.usp.br/wp-content/uploads/20170323_00_olhar-cientifico.jpg?resize=768%2C403&ssl=1) + +# LaTeX Equations + +$$\frac{1}{c^2}\frac{\partial^2\mathbf{\psi}}{\partial t^2} = \nabla^2 \circ\mathbf{\psi} $$ +$$\nabla \times \textbf{E}=- \frac{\partial \textbf{B}}{\partial t}$$ +$$\nabla^2 \textbf{E} = \mu \epsilon \frac{\partial^2 \textbf{E}}{\partial t^2}$$ +$$c=\sqrt{\frac{1}{\mu \epsilon}}$$ + +
+Formulae: Exemples of use of LaTeX formulas. +
+ +--- + +# Images in Two Columns + +
+
+ +![h:450px drop-shadow:4px,5px,15px,#010101](https://m.media-amazon.com/images/I/41XR+s0PceL._SX320_BO1,204,203,200_.jpg) +
+  +
+ +
+
+ +![h:450px drop-shadow:4px,5px,15px,#010101](https://m.media-amazon.com/images/I/41KNIVtP5bS._SX323_BO1,204,203,200_.jpg) +
+  +
+ +
+
+ +--- + +# Images in Two Columns + +
+
+ +![h:450px drop-shadow:4px,5px,15px,#010101](https://m.media-amazon.com/images/I/41zozSkvsaS._SX323_BO1,204,203,200_.jpg) +
+Figure 1: Göthe, Suhrkamp (2011). +
+ +
+
+ +![h:450px drop-shadow:4px,5px,15px,#010101](https://m.media-amazon.com/images/I/410QfTR2e8S._SX323_BO1,204,203,200_.jpg) +
+Figure 2: Sophokles, Suhrkamp (2015). +
+ +
+
+ +--- + +# Image and text + +
+
+ +
+ +![h:450 drop-shadow:4px,5px,15px,#010101](https://images-na.ssl-images-amazon.com/images/I/51sIPBiMS7L._SX325_BO1,204,203,200_.jpg) + +
+Figure: Oxford edition (1979). +
+ + +
+ +
+
+ +## Hegel's Phenomenology + +The book was originally entitled "Phänomenologie des Geistes" by its author, G.W.F. Hegel. + +* Published in 1807, marked a significant development in German idealism after Kant. + +* In this book Hegel develops his concepts of dialectic. + +[Price at Amazon](https://www.amazon.com/gp/product/0198245971/ref=ox_sc_act_image_2?smid=A1ZZFT5FULY4LN&psc=1): $ 17.83 + +
+
+ +--- + +# Image and text + +
+
+ + +## Kant, Leibniz & Newton + +That philosophy and the sciences were closely linked in the age of Leibniz, Newton, and Kant; but a more precise determination of the structure of this linkage is required. + +This addresses the transformations of metaphysics as a discipline, the emergence of analytical mechanics, the diverging avenues of 18th-century Newtonianism, the body-mind problem, and philosophical principles of classification in the life sciences. + + +[Price at Amazon](https://www.amazon.de/Between-Leibniz-Newton-Kant-Philosophy/dp/3031343395/ref=sr_1_1?__mk_pt_BR=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=16F5PCQR437M7&keywords=Kant+Springer&qid=1689169670&s=books&sprefix=kant+springer%2Cstripbooks%2C204&sr=1-1): 128,39 € + + +
+
+
+ +![h:450 drop-shadow:4px,5px,15px,#010101](https://m.media-amazon.com/images/I/41S8kjZ0hoL._SX330_BO1,204,203,200_.jpg) + +
+Figure: Springer edition (2023). +
+ +
+ +
+
+ +--- + + + +"There is an **increasing** demand of current information systems to incorporate the use of a higher degree of formalism in the development process. **Formal Methods** consist of a set of tools and techniques based on mathematical model and formal logic that are used to **specify and verify** requirements and designs for hardware and software systems." + +--- + + +![bg opacity:.3 blur:8.0px ](https://www.altoastral.com.br/media/uploads/legacy/2016/07/Albert_Einstein-Wikimedia_Commons.jpg) + + +
+ + "There is an **increasing** demand of current information systems to incorporate the use of a higher degree of formalism in the development process. **Formal Methods** consist of a set of tools and techniques based on mathematical model and formal logic that are used to **specify and verify** requirements and designs for hardware and software systems." + +
+ +--- + +![bg brightness:0.9 opacity:.2](../img/albert-einstein.jpg) + + + Transition Slide 1
_Aditional_ **Text** + +--- + +![bg opacity:.17 blur:2.0px](https://blog.insiderstore.com.br/wp-content/uploads/2021/02/descobertas-de-albert-einstein-destaque-2048x1536.webp) + + + Transition Slide 2
_Aditional_ **Text** + +--- + + +THANK YOU! + +![bg opacity:.85](https://i.ytimg.com/vi/GMfYG6RJ-jk/maxresdefault.jpg) + +--- + + + +![bg left:33% opacity:20% blur:8px](https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80) + +# References + +1. PLATO. **Plato Republic**. Tradução: C. D. C. Reeve. Indianapolis, IN, USA: Hackett Publishing Company, 2004. + +1. PLATO. **Plato Republic**. Tradução: C. D. C. Reeve. Indianapolis, IN, USA: Hackett Publishing Company, 2004. +2. ARISTOTELES. **Nikomachische Ethik**. Berlin: Akademie Verlag, 2010. (Klassiker Auslegen).v. 2 +3. KANT, Immanuel. **Kritik der Praktischen Vernunft**. Berlin: Akademie Verlag, 2002. (Klassiker Auslegen).v. 26 +4. HEGEL, Georg Friederich Wilhelm. **Hegel´s Phenomenology of Spirit**. Tradução: A. V. Miller. New York: Oxford University Press, 2004. + +--- + + + +# References +
+
+ +1. PLATO. **Plato Republic**. Tradução: C. D. C. Reeve. Indianapolis, IN, USA: Hackett Publishing Company, 2004. +2. ARISTOTELES. **Nikomachische Ethik**. Berlin: Akademie Verlag, 2010. (Klassiker Auslegen).v. 2 +3. KANT, Immanuel. **Kritik der Praktischen Vernunft**. Berlin: Akademie Verlag, 2002. (Klassiker Auslegen).v. 26 +4. HEGEL, Georg Friederich Wilhelm. **Hegel´s Phenomenology of Spirit**. Tradução: A. V. Miller. New York: Oxford University Press, 2004. + +
+
+ +5. HUSSERL, Edmund. **The Crisis of European Sciences and Transcendental Phenomenology**. Evanston, USA: Northwestern University Press, 1970. +6. CASSIRER, Ernst. **The Myth of the State**. New Haven, USA: Yale University Press, 1946. +7. HEIDEGGER, Martin. **Sein und Zeit**. 11. ed. TĂĽbingen: Max Niemeyer Verlag, 1967. +8. GADAMER, Hans-Georg. **Wahrheit und Methode**. Berlin: Akademie Verlag, 2007. v. 30. +
+ diff --git a/img/george-orwell.webp b/img/george-orwell.webp new file mode 100644 index 0000000..6416080 Binary files /dev/null and b/img/george-orwell.webp differ diff --git a/img/young-george-orwell.webp b/img/young-george-orwell.webp new file mode 100644 index 0000000..49830fb Binary files /dev/null and b/img/young-george-orwell.webp differ diff --git a/style/orwell.css b/style/orwell.css index 5c80bae..904bb83 100644 --- a/style/orwell.css +++ b/style/orwell.css @@ -4,7 +4,7 @@ ============================================ Created by Paulo Cunha version: 1.0 - last update: 12.mai.2022 + last update: 01.mar.2024 ============================================ */ @@ -14,69 +14,127 @@ @import "schema"; @import "structure"; -/***************** COMMON STRUCTURE **********************/ +/* Importing Font */ +/* Font Credit: htts://https://www.cdnfonts.com/ */ +@import url('https://fonts.cdnfonts.com/css/fira-sans-condensed?styles=19730'); + + +/* -------------------- ROOT -------------------------------*/ + :root { - font-family: 'Fira Sans Light'; + + font-family: 'Fira Sans Condensed', sans-serif; font-weight: initial; - color: #030303; - color: #070707d2; + + /* Defaul Colors */ + + /* + --default-font-color: #f1f1f5; + --default-font-color: #beccf1; + */ + --default-font-color: #a9b6db; + + /* --default-background-color: #858e96; + --default-background-color: rgb(210, 211, 210); + --default-background-color: #606164; + --default-background-color: #122e57; + --default-background-color: #1b2f5c; + --default-background-color: #2d4458; + */ + --default-background-color: #00173f; + + /* Italic */ + --italic-color : #ffffff; + --italic-background-color : #ee0909; + + --bold-color : #fa7101; + + /* Cool-List */ + --cool-list-color : rgb(233, 11, 96); + + --h1-color : rgb(255, 255, 255); + + + background-color: var(--default-background-color); + color: var(--default-font-color); } h1 { - color: #012a53; - color: #00254b; - color: #004d6b; - color: #00366b; - border-color: rgb(0, 140, 255); - border-color: orangered; - margin-bottom: 3.5%; - + color: var(--h1-color); + : var(--bold-color) } -section.titlepage .title, .subtitle, .author, .date, .organization { - color: rgb(255, 255, 255) !important; - font-kerning: auto; - text-align: left !important; +section.titlepage .title { + border-bottom: 1px solid orangered; } -section.titlepage h1{ - border-color: orangered; +section.cite { + --strong-color : rgba(255, 5, 5, 0.795); } -section.titlepage strong{ - color: rgb(141, 194, 230); +section.titlepage .author, +section.titlepage .date, +section.titlepage .organization { + text-align: left; } section strong { - color:rgb(209, 18, 18); - color:rgb(38, 44, 56); - color:rgb(255, 0, 0); - color:rgb(68, 86, 145); - color:rgb(90, 120, 216); - color:rgb(182, 98, 98); - color:rgb(223, 51, 39); -} -section.transition a { - font-size: 19pt; - font-size: 170% !important; - font-weight: 900 !important; - font-kerning: auto; + color: var(--bold-color); + + padding-left: 2px; + padding-right: 2px; + font-weight: 600; } +/* -------------------- TRANSITION -------------------------------*/ + section.transition em { - - /* text-shadow: 6px 6px 0 rgb(207, 143, 4);*/ - + + /* color: rgb(10, 100, 235); */ + background-color: rgba(255, 5, 5, 0.295); + } + section.transition strong { - - /* text-shadow: 6px 6px 0 rgb(207, 143, 4);*/ - color: yellow; /*rgb(247, 76, 9);*/ - font-size: 110% !important; - font-weight: 900 !important; - /* text-shadow: 4px 4px 0 rgb(51, 50, 49);*/ + color: rgb(255, 5, 5); + +} + +section.transition { + + background-color: rgb(255, 145, 0); + background-color: orange; + +} + +/* -------------------- TRANSITION2 -------------------------------*/ + +section.transition2 strong { + + color: rgb(10, 100, 235); + color: rgb(161, 240, 3); + +} + +/* -------------------- BIBLIO -------------------------------*/ + +section.biblio { + + /* font-family: "Fira Sans", serif; */ + + + --text-color : rgb(253, 252, 252); + --biblio-background-color : rgb(0, 0, 0); + --border-color : darkorange; + --bold-color : orange; } + +section.biblio p { + + font-family: "Fira Sans", serif; + +} \ No newline at end of file