diff --git a/docs/assets/images/Hacker_Easy.svg b/docs/assets/images/Hacker_Easy.svg new file mode 100644 index 0000000..f762b37 --- /dev/null +++ b/docs/assets/images/Hacker_Easy.svg @@ -0,0 +1,27 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/assets/images/HoodieHacker.svg b/docs/assets/images/HoodieHacker.svg new file mode 100644 index 0000000..16a56f1 --- /dev/null +++ b/docs/assets/images/HoodieHacker.svg @@ -0,0 +1,27 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/assets/images/HoodieHacker_Hard.svg b/docs/assets/images/HoodieHacker_Hard.svg new file mode 100644 index 0000000..2a05e23 --- /dev/null +++ b/docs/assets/images/HoodieHacker_Hard.svg @@ -0,0 +1,172 @@ + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/docs/assets/stylesheets/custom.css b/docs/assets/stylesheets/custom.css index 063bce9..d05c332 100644 --- a/docs/assets/stylesheets/custom.css +++ b/docs/assets/stylesheets/custom.css @@ -63,23 +63,61 @@ pre, code, kbd { :root { - --md-admonition-icon--task: url('../images/Hacker.svg') + --md-admonition-icon--task: url('../images/HoodieHacker.svg') } .md-typeset .admonition.task, .md-typeset details.task { - border-color: rgb(7, 165, 33); + border-color: rgb(228, 141, 12); } .md-typeset .task > .admonition-title, .md-typeset .task > summary { - background-color: rgba(43, 155, 70, 0.1); + background-color: rgba(228, 141, 12, 0.1); } .md-typeset .task > .admonition-title::before, .md-typeset .task > summary::before { - background-color: rgb(43, 155, 70); + background-color: rgb(228, 141, 12); -webkit-mask-image: var(--md-admonition-icon--task); mask-image: var(--md-admonition-icon--task); } + +:root { + --md-admonition-icon--hardtask: url('../images/HoodieHacker_Hard.svg') +} +.md-typeset .admonition.hardtask, +.md-typeset details.hardtask { + border-color: rgb(233, 14, 14); +} +.md-typeset .hardtask > .admonition-title, +.md-typeset .hardtask > summary { + background-color: rgba(223, 14, 14, 0.1); +} +.md-typeset .hardtask > .admonition-title::before, +.md-typeset .hardtask > summary::before { + background-color: rgb(0, 0, 0); + -webkit-mask-image: var(--md-admonition-icon--hardtask); + mask-image: var(--md-admonition-icon--hardtask); +} + +:root { + --md-admonition-icon--easytask: url('../images/Hacker_Easy.svg') +} +.md-typeset .admonition.easytask, +.md-typeset details.easytask { + border-color: rgb(7, 165, 33); +} +.md-typeset .easytask > .admonition-title, +.md-typeset .easytask > summary { + background-color: rgba(43, 155, 70, 0.1); +} +.md-typeset .easytask > .admonition-title::before, +.md-typeset .easytask > summary::before { + background-color: rgb(43, 155, 70); + -webkit-mask-image: var(--md-admonition-icon--easytask); + mask-image: var(--md-admonition-icon--easytask); +} + + /*.md-typeset .footnote-ref { color: var(--md-default-fg-color--light); }*/ diff --git a/docs/index.md b/docs/index.md index 820ad3f..feb66b9 100644 --- a/docs/index.md +++ b/docs/index.md @@ -2,12 +2,21 @@ This is the Index +!!! easytask "Easy Task" + + An Easy Task + + !!! task "The Task" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa. +!!! hardtask "Hard Task" + + This is a hard Task + !!! discuss "Discuss" Discuss this on Aula @@ -16,4 +25,6 @@ This is the Index !!! hacker "Hacker" Bleh - - :custom-hacker: \ No newline at end of file + - :custom-hacker: + +