From 3bdff6b1aa4e6e42a0e5b5ff6fbf0ef426cb07fb Mon Sep 17 00:00:00 2001 From: Mathieu Broillet Date: Sun, 11 Jun 2023 13:35:25 +0200 Subject: [PATCH] add a few pages --- content/about.md | 21 +++++++++ content/archive.md | 6 +++ content/posts/my-first-post.md | 20 ++++++-- content/showcase.md | 84 ++++++++++++++++++++++++++++++++++ 4 files changed, 127 insertions(+), 4 deletions(-) create mode 100644 content/about.md create mode 100644 content/archive.md create mode 100644 content/showcase.md diff --git a/content/about.md b/content/about.md new file mode 100644 index 0000000..ff8ecfc --- /dev/null +++ b/content/about.md @@ -0,0 +1,21 @@ ++++ +title = "About" +date = "2019-01-25" +author = "Radek" ++++ + +# Hi there + +My name is Radek and I'm the author of this theme. I made it to help you present your ideas easier. + +We all know how hard is to start something on the web, especially these days. You need to prepare a bunch of stuff, configure them and when that’s done — create the content. + +This theme is pretty basic and covers all of the essentials. All you have to do is start typing! + +The theme includes: + +- **light/dark mode**, depending on your preferences +- great reading experience thanks to [**Inter UI font**](https://rsms.me/inter/), made by [Rasmus Andersson](https://rsms.me/about/) +- nice code highlighting thanks to [**PrismJS**](https://prismjs.com) + +So, there you have it... enjoy! diff --git a/content/archive.md b/content/archive.md new file mode 100644 index 0000000..68c3b18 --- /dev/null +++ b/content/archive.md @@ -0,0 +1,6 @@ ++++ +title = "Archive" +layout = "list" +url = "/archive" +type = "archive" ++++ diff --git a/content/posts/my-first-post.md b/content/posts/my-first-post.md index ee057fd..a6f2439 100644 --- a/content/posts/my-first-post.md +++ b/content/posts/my-first-post.md @@ -2,10 +2,22 @@ title: "My First Post" date: 2023-06-11T13:06:44+02:00 draft: true +# author: "Mathieu Broillet" +# cover : "img/image.jpg" +# description : "Description" --- -## Introduction +> "Hello, friend?" That's lame. +> Maybe I should give you a name... +> But that's a slippery slope. +> You're only in my head. +> We have to remember that... +> Shit. +> It's actually happened. +> I'm talking to an imaginary person. +> +> **— Mr. Robot S01E01** -This is **bold** text, and this is *emphasized* text. - -Visit the [Hugo](https://gohugo.io) website! \ No newline at end of file +# Intro +Hello ! test +

TestTest

\ No newline at end of file diff --git a/content/showcase.md b/content/showcase.md new file mode 100644 index 0000000..2fa96a6 --- /dev/null +++ b/content/showcase.md @@ -0,0 +1,84 @@ +--- +title: "Showcase" +date: "2019-01-18" +author: "Lorem Ipsum" +--- + +## Header 2 + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec interdum metus. Aenean rutrum ligula sodales ex auctor, sed tempus dui mollis. Curabitur ipsum dui, aliquet nec commodo at, tristique eget ante. **Donec quis dolor nec nunc mollis interdum vel in purus**. Sed vitae leo scelerisque, sollicitudin elit sed, congue ante. In augue nisl, vestibulum commodo est a, tristique porttitor est. Proin laoreet iaculis ornare. Nullam ut neque quam. + +> Fusce pharetra suscipit orci nec tempor. Quisque vitae sem sit amet sem mollis consequat. Sed at imperdiet lorem. Vestibulum pharetra faucibus odio, ac feugiat tellus sollicitudin at. Pellentesque varius tristique mi imperdiet dapibus. Duis orci odio, sodales lacinia venenatis sit amet, feugiat et diam. + +### Header 3 + +Nulla libero turpis, lacinia vitae cursus ut, auctor dictum nisl. Fusce varius felis nec sem ullamcorper, at convallis nisi vestibulum. Duis risus odio, porta sit amet placerat mollis, tincidunt non mauris. Suspendisse fringilla, `odio a dignissim pharetra`, est urna sollicitudin urna, eu scelerisque magna ex vitae tellus. + +```css +/* PostCSS code */ + +pre { + background: #1a1a1d; + padding: 20px; + border-radius: 8px; + font-size: 1rem; + overflow: auto; + + @media ($phone) { + white-space: pre-wrap; + word-wrap: break-word; + } + + code { + background: none !important; + color: #ccc; + padding: 0; + font-size: inherit; + } +} +``` + +```js +// JS code + +const menuTrigger = document.querySelector('.menu-trigger') +const menu = document.querySelector('.menu') +const mobileQuery = getComputedStyle(document.body).getPropertyValue('--phoneWidth') +const isMobile = () => window.matchMedia(mobileQuery).matches +const isMobileMenu = () => { + menuTrigger.classList.toggle('hidden', !isMobile()) + menu.classList.toggle('hidden', isMobile()) +} + +isMobileMenu() + +menuTrigger.addEventListener('click', () => menu.classList.toggle('hidden')) + +window.addEventListener('resize', isMobileMenu) +``` + +```html + + +
+
+

{{ .Title }}

+ {{ range .Pages }} + {{ .Render "summary"}} + {{ end }} +
+
+``` + +#### Header 4 + +Curabitur scelerisque felis viverra varius scelerisque. Ut enim libero, molestie gravida blandit at, mollis ornare tellus. Cras arcu mi, ultrices vel pulvinar vel, volutpat eu tortor. Nullam nec eros quis massa ultrices iaculis sed in metus. Praesent sollicitudin sem sit amet orci tempor gravida. + +- Maecenas elementum vitae nibh vitae porttitor. +- Aenean consequat, risus ut cursus placerat, arcu nulla sodales risus, ut molestie tellus tellus et dui. +- Integer imperdiet turpis vitae lacus imperdiet, ut ornare ligula auctor. Integer in mi eu velit vehicula suscipit eget vulputate nulla. +- Etiam vitae enim quis velit lobortis placerat a ut sem. + - Curabitur lobortis ante sit amet orci pulvinar, sollicitudin viverra nunc accumsan. + - Praesent fermentum orci quis leo facilisis posuere. + +Aliquam erat volutpat. In hac habitasse platea dictumst. Nunc ut tincidunt mauris. Sed at gravida risus, id semper magna. Nullam vitae enim mattis, sodales neque non, pharetra elit. Cras sit amet sagittis augue, et finibus turpis. Ut tempus tincidunt diam vel pharetra. Nulla porttitor odio sit amet nulla scelerisque, quis aliquam mi imperdiet. Sed tincidunt dui vel tellus vestibulum rhoncus. Donec tempus ultrices velit.