Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added two themes and removed the AwesomeMarp_templates folder #10

Merged
merged 1 commit into from
May 11, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
act
node_modules/
package-lock.json
.DS_Store
docs/.DS_Store
936 changes: 0 additions & 936 deletions docs/AwesomeMarp_templates/AwesomeMarp_blue.md

This file was deleted.

936 changes: 0 additions & 936 deletions docs/AwesomeMarp_templates/AwesomeMarp_brown.md

This file was deleted.

936 changes: 0 additions & 936 deletions docs/AwesomeMarp_templates/AwesomeMarp_dark.md

This file was deleted.

936 changes: 0 additions & 936 deletions docs/AwesomeMarp_templates/AwesomeMarp_green.md

This file was deleted.

936 changes: 0 additions & 936 deletions docs/AwesomeMarp_templates/AwesomeMarp_purple.md

This file was deleted.

936 changes: 0 additions & 936 deletions docs/AwesomeMarp_templates/AwesomeMarp_red.md

This file was deleted.

6 changes: 0 additions & 6 deletions docs/AwesomeMarp_templates/README.md

This file was deleted.

63 changes: 63 additions & 0 deletions docs/beam_theme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
---
marp: true
theme: beam
paginate: true
size: 4:3
header: This is a header
footer: This is a footer
title: Marp custom themes
---

<!-- _class: title -->

# A very long title of my beamer-esque presentation

<br/>

Author's name
University of XYZ
2022-26-03
(Only normal text is centered now)

---

# A normal slide

# H1 again

## H2

### H3

- bullet
> quote

```
code
```

text

---

# Title page ad hoc fix

- If the title of your presentation is too long and the border intersects with the text underneath, use the following

```html
# Title
<br />
<!-- empty line here --->
Author's name University of XYZ ...
```

- make sure to leave an empty line below the `<br/>` tag

---

<!-- _class: tinytext -->

# Tinytext class

- use `<!-- _class: tinytext -->` to make some text tiny
- might be useful for References
63 changes: 63 additions & 0 deletions docs/graph_paper_theme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
---
marp: true
theme: graph_paper
paginate: true
size: 4:3
header: This is a header
footer: This is a footer
title: Marp custom themes
---

<!-- _class: title -->

# A very long title of my beamer-esque presentation

<br/>

Author's name
University of XYZ
2022-26-03
(Only normal text is centered now)

---

# A normal slide

# H1 again

## H2

### H3

- bullet
> quote

```
code
```

text

---

# Title page ad hoc fix

- If the title of your presentation is too long and the border intersects with the text underneath, use the following

```html
# Title
<br />
<!-- empty line here --->
Author's name University of XYZ ...
```

- make sure to leave an empty line below the `<br/>` tag

---

<!-- _class: tinytext -->

# Tinytext class

- use `<!-- _class: tinytext -->` to make some text tiny
- might be useful for References
143 changes: 143 additions & 0 deletions themes/beam.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
/* @theme beam */
/* Author: rnd195 https://github.com/rnd195/ */
/* beam license - GNU GPLv3 https://github.com/rnd195/my-marp-themes/blob/live/LICENSE_beam */
/* License of beamer which inspired this theme - GNU GPLv2 https://github.com/rnd195/my-marp-themes/blob/live/LICENSE_GPLv2 */

@import "default";

:root {
font-family: "CMU Sans Serif", "Segoe UI", Helvetica, sans-serif;
--main: #1f38c5;
--secondary: #141414;
}

section {
background-color: #ffffff;
/* bottom two-coloured bar in base64 svg */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjUwbW0iIGhlaWdodD0iNS4zNTQ2bW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI1MCA1LjM1NDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4zNDcgLTkxLjAyOCkiPgo8cmVjdCB4PSIyMC4zNDciIHk9IjkxLjAyOCIgd2lkdGg9IjEyNSIgaGVpZ2h0PSI1LjM1NDYiIGZpbGw9IiMxNDE0MTQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLXdpZHRoPSIwIi8+CjxwYXRoIGQ9Im0xNDUuMzUgOTMuNzA1di0yLjY3NzNoMTI1djUuMzU0NmgtMTI1eiIgZmlsbD0iIzFmMzhjNSIgc3Ryb2tlLXdpZHRoPSIwIi8+CjwvZz4KPC9zdmc+);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 150% 1em;
padding: 2em;
}

header {
font-size: 0.6em;
/* this text-align is important */
text-align: right;
/* I don't like this absolute positioning, but it works */
position: absolute;
top: 96.2%;
width: 100%;
right: 0;
left: -51%;
color: white;
}

footer {
font-size: 0.6em;
position: absolute;
/* this text-align is important */
text-align: left;
top: 96.2%;
width: 100%;
right: 0;
left: 50.8%;
color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #141414;
}

/* only apply to the first occurrence of h1 */
h1:nth-of-type(1) {
font-family: "CMU Bright", "Segoe UI Semibold";
color: #ffffff;
background-color: var(--main);
border-top: 0.3em solid var(--main);
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 1.5em;
text-indent: 0.5em;
}

code {
background-color: rgba(100, 100, 100, 0.2);
}

mark {
background-color: #f5db7e;
}

/* formatting page numbers */
section::after {
font-size: 0.6em;
/* https://github.com/yhatt/marp/issues/263 */
content: attr(data-marpit-pagination) " / " attr(data-marpit-pagination-total);
position: absolute;
text-align: right;
top: 96.2%;
width: 100%;
right: 0;
left: -0.5em;
color: white;
}

/* inline math was too large wrt text */
.katex {
font:
normal 1.05em KaTeX_Main,
"Times New Roman",
serif;
}

/* the "center" keyword centers the image - may break, careful */
/* https://github.com/marp-team/marpit/issues/141#issuecomment-473204518 */
img[alt~="center"] {
display: block;
margin: 0 auto;
}

/* || SECTION CLASS: title */
/* title page - only to be used as for a single slide */
/* <!-- _class: title --> */
section.title > h1 {
font-family: "CMU Bright", "Segoe UI Semibold";
color: #ffffff;
background-color: var(--main);
border-radius: 25px;
text-align: center;
top: 25%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 80%;
padding-bottom: 0.2em;
height: auto;
}

/* remake this to be positioned with respect to h1 */
section.title > p {
position: relative;
text-align: center;
top: 35px;
}

/* || SECTION CLASS: tinytext */
/* new class that makes p, ul, and blockquote text smaller */
/* might be useful for the References slide, use <!-- _class: tinytext --> */
section.tinytext > p,
section.tinytext > ul,
section.tinytext > blockquote {
font-size: 0.65em;
}
96 changes: 96 additions & 0 deletions themes/graph_paper.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
/* @theme graph_paper */
/* Author: rnd195 https://github.com/rnd195/ */
/* MIT license https://github.com/rnd195/my-marp-themes/blob/live/LICENSE */

@import "default";
@import url("https://fonts.googleapis.com/css2?family=Work+Sans&display=swap");

:root {
font-family: "Work Sans Regular", Arial;
--main-color: #040014;
--text-color: #121114;
--bg-color-alt: #dadada;
--mark-background: #98d6ff;
}

section {
background-color: #e3e3f1;
background-size: 20px 20px;
background-image: linear-gradient(#3f32af18 1px, transparent 1px),
linear-gradient(to right, #ccc89536 1px, #d8d8e62d 1px);
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-color);
}

header {
font-size: 0.7em;
color: var(--text-color);
border-bottom: 1px solid #040014;
}

footer {
font-size: 0.7em;
color: var(--text-color);
border-top: 1px solid #040014;
}

code {
background-color: #ffffff;
font-size: 0.9em;
}

pre {
background-color: #ffffff;
}

/* https://github.com/yhatt/marp/issues/263 */
section::after {
font-size: 0.75em;
content: attr(data-marpit-pagination) " / " attr(data-marpit-pagination-total);
color: var(--text-color);
}

/* the "center" keyword centers the image - may break, careful */
/* https://github.com/marp-team/marpit/issues/141#issuecomment-473204518 */
img[alt~="center"] {
display: block;
margin: 0 auto;
}

blockquote {
background: #ffffff;
border-left: 10px solid var(--main-color);
margin: 0.5em;
padding: 0.5em;
}

mark {
background-color: var(--mark-background);
padding: 0 2px 2px;
}

table {
display: block;
margin: 0 auto;
}

th {
background-color: #8ea2af;
color: white;
}

/* || SECTION CLASS: tinytext */
/* new class that makes p, ul, and blockquote text smaller */
/* might be useful for the References slide, use <!-- _class: tinytext --> */
section.tinytext > p,
section.tinytext > ul,
section.tinytext > blockquote {
font-size: 0.65em;
}
Loading