escalate · escalate · May 31, 2024 · Apr 5, 2024 · Apr 5, 2024 · Apr 5, 2024
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -50,8 +50,7 @@ jobs:
 
       - name: Run sitespeed.io for example site with image in desktop mode
         run: |
-          rm --recursive --force tests/exampleSiteWithImage/sitespeed-result
-          docker compose --file tests/exampleSiteWithImage/docker-compose.desktop.yml up --exit-code-from sitespeed
+          make sitespeed-io-example-site-with-image-desktop-mode
 
       - name: Upload sitespeed.io result for example site with image in desktop mode
         uses: actions/upload-artifact@v4
@@ -61,8 +60,7 @@ jobs:
 
       - name: Run sitespeed.io for example site with image in mobile mode
         run: |
-          rm --recursive --force tests/exampleSiteWithImage/sitespeed-result
-          docker compose --file tests/exampleSiteWithImage/docker-compose.mobile.yml up --exit-code-from sitespeed
+          make sitespeed-io-example-site-with-image-mobile-mode
 
       - name: Upload sitespeed.io result for example site with image in mobile mode
         uses: actions/upload-artifact@v4
@@ -72,8 +70,7 @@ jobs:
 
       - name: Run sitespeed.io for example site with video in desktop mode
         run: |
-          rm --recursive --force tests/exampleSiteWithVideo/sitespeed-result
-          docker compose --file tests/exampleSiteWithVideo/docker-compose.desktop.yml up --exit-code-from sitespeed
+          make sitespeed-io-example-site-with-video-desktop-mode
 
       - name: Upload sitespeed.io result for example site with video in desktop mode
         uses: actions/upload-artifact@v4
@@ -83,8 +80,7 @@ jobs:
 
       - name: Run sitespeed.io for example site with video in mobile mode
         run: |
-          rm --recursive --force tests/exampleSiteWithVideo/sitespeed-result
-          docker compose --file tests/exampleSiteWithVideo/docker-compose.mobile.yml up --exit-code-from sitespeed
+          make sitespeed-io-example-site-with-video-mobile-mode
 
       - name: Upload sitespeed.io result for example site with video in mobile mode
         uses: actions/upload-artifact@v4

diff --git a/Makefile b/Makefile
@@ -0,0 +1,30 @@
+SHELL = /bin/bash
+.SHELLFLAGS = -e -o pipefail -c
+
+.PHONY: hugo-server-example-site-with-image
+hugo-server-example-site-with-image:
+	hugo server --source tests/exampleSiteWithImage --themesDir=../../../
+
+.PHONY: hugo-server-example-site-with-video
+hugo-server-example-site-with-video:
+	hugo server --source tests/exampleSiteWithVideo --themesDir=../../../
+
+.PHONY: sitespeed-io-example-site-with-image-desktop-mode
+sitespeed-io-example-site-with-image-desktop-mode:
+	rm --recursive --force tests/exampleSiteWithImage/sitespeed-result
+	docker compose --file tests/exampleSiteWithImage/docker-compose.desktop.yml up --exit-code-from sitespeed
+
+.PHONY: sitespeed-io-example-site-with-image-mobile-mode
+sitespeed-io-example-site-with-image-mobile-mode:
+	rm --recursive --force tests/exampleSiteWithImage/sitespeed-result
+	docker compose --file tests/exampleSiteWithImage/docker-compose.mobile.yml up --exit-code-from sitespeed
+
+.PHONY: sitespeed-io-example-site-with-video-desktop-mode
+sitespeed-io-example-site-with-video-desktop-mode:
+	rm --recursive --force tests/exampleSiteWithVideo/sitespeed-result
+	docker compose --file tests/exampleSiteWithVideo/docker-compose.desktop.yml up --exit-code-from sitespeed
+
+.PHONY: sitespeed-io-example-site-with-video-mobile-mode
+sitespeed-io-example-site-with-video-mobile-mode:
+	rm --recursive --force tests/exampleSiteWithVideo/sitespeed-result
+	docker compose --file tests/exampleSiteWithVideo/docker-compose.mobile.yml up --exit-code-from sitespeed
diff --git a/README.md b/README.md
@@ -26,8 +26,7 @@ After installing the Split theme successfully it requires a just a few more step
 
 ### The config file
 
-Take a look inside the [`tests`](//github.com/escalate/hugo-split-theme/tree/master/tests) folder of this theme. You'll find some example configurations. To use one of them, copy the `config.toml` in the root folder of your Hugo site. Feel free to customize this theme as you like.
-
+Take a look inside the [`tests`](//github.com/escalate/hugo-split-theme/tree/master/tests) folder of this theme. You'll find some example configurations. To use one of them, copy the `hugo.toml` in the root folder of your Hugo site. Feel free to customize this theme as you like.
 
 ### Add content
 
@@ -45,7 +44,7 @@ title = "Jenny Jones"
 tagline = "Designer. Stylist. Nomad."
 +++
 
-Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce viverra [luctus urna]({{< ref "luctus-urna.md" >}}) ac rutrum. Duis semper elit eu mi facilisis eleifend. Donec semper, [ipsum in]({{< ref "ipsum-in.md" >}}) malesuada congue, [purus sem]({{< ref "purus-sem.md" >}}) ullamcorper massa, sit amet lacinia nibh enim sed massa.
+Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce viverra [luctus urna]({{< ref "long-text.md" >}}) ac rutrum. Duis semper elit eu mi facilisis eleifend. Donec semper, [ipsum in]({{< ref "commonmark.md" >}}) malesuada congue, purus sem ullamcorper massa, sit amet lacinia nibh enim sed massa.
 ```
 
 
@@ -54,12 +53,12 @@ Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce
 You can create additional pages as usual inside content directory.
 
 ```bash
-$ hugo new content/luctus-urna.md
+$ hugo new content/long-text.md
 ```
 
 ```markdown
 +++
-title = "luctus urna"
+title = "Long Text"
 +++
 
 Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.

diff --git a/tests/exampleSiteWithImage/budget.desktop.json b/tests/exampleSiteWithImage/budget.desktop.json
@@ -4,10 +4,10 @@
             "total": 9
         },
         "transferSize": {
-            "total": 323584
+            "total": 324608
         },
         "thirdParty": {
-            "requests": 4
+            "requests": 5
         },
         "score": {
             "bestpractice": 93,

diff --git a/tests/exampleSiteWithImage/budget.mobile.json b/tests/exampleSiteWithImage/budget.mobile.json
@@ -4,10 +4,10 @@
             "total": 9
         },
         "transferSize": {
-            "total": 323584
+            "total": 324608
         },
         "thirdParty": {
-            "requests": 4
+            "requests": 5
         },
         "score": {
             "bestpractice": 93,

diff --git a/tests/exampleSiteWithImage/content/_index.md b/tests/exampleSiteWithImage/content/_index.md
@@ -3,4 +3,4 @@ title = "Jenny Jones"
 tagline = "Designer. Stylist. Nomad."
 +++
 
-Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce viverra [luctus urna]({{< ref "luctus-urna.md" >}}) ac rutrum. Duis semper elit eu mi facilisis eleifend. Donec semper, [ipsum in]({{< ref "ipsum-in.md" >}}) malesuada congue, [purus sem]({{< ref "purus-sem.md" >}}) ullamcorper massa, sit amet lacinia nibh enim sed massa.
+Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce viverra [luctus urna]({{< ref "long-text.md" >}}) ac rutrum. Duis semper elit eu mi facilisis eleifend. Donec semper, [ipsum in]({{< ref "commonmark.md" >}}) malesuada congue, purus sem ullamcorper massa, sit amet lacinia nibh enim sed massa.
diff --git a/tests/exampleSiteWithImage/content/commonmark.md b/tests/exampleSiteWithImage/content/commonmark.md
@@ -0,0 +1,61 @@
++++
+title = "CommonMark"
++++
+
+*Italic*
+
+_Italic_
+
+**Bold**
+
+__Bold__
+
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+
+[Link](http://a.com)
+
+![Image](https://dummyimage.com/mediumrectangle)
+
+> Blockquote
+
+* List
+* List
+* List
+
+- List
+- List
+- List
+
+1. One
+2. Two
+3. Three
+
+1) One
+2) Two
+3) Three
+
+---
+
+***
+
+`Inline code` with backticks
+
+```
+# code block
+print '3 backticks or'
+print 'indent 4 spaces'
+```
+
+    # code block
+    print '3 backticks or'
+    print 'indent 4 spaces'
diff --git a/tests/exampleSiteWithImage/content/ipsum-in.md b/tests/exampleSiteWithImage/content/ipsum-in.md
diff --git a/tests/exampleSiteWithImage/content/long-text.md b/tests/exampleSiteWithImage/content/long-text.md
@@ -0,0 +1,13 @@
++++
+title = "Long Text"
++++
+
+Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci.
+
+Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.
+
+Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
+
+Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+
+Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
diff --git a/tests/exampleSiteWithImage/content/luctus-urna.md b/tests/exampleSiteWithImage/content/luctus-urna.md
diff --git a/tests/exampleSiteWithImage/content/purus-sem.md b/tests/exampleSiteWithImage/content/purus-sem.md
diff --git a/tests/exampleSiteWithImage/config.toml → tests/exampleSiteWithImage/hugo.toml b/tests/exampleSiteWithImage/config.toml → tests/exampleSiteWithImage/hugo.toml
@@ -102,3 +102,13 @@ copyright = "&copy;2024 Your Name"
   # Please keep the original attribution link when using for your own project.
   # If you'd like to use the template without the attribution, you can check out
   # the license option via the template author's website: https://onepagelove.com/split
+
+[server]
+[[server.headers]]
+    for = '/**'
+    [server.headers.values]
+      Content-Security-Policy = "default-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' https://dummyimage.com"
+      Referrer-Policy = 'strict-origin-when-cross-origin'
+      X-Content-Type-Options = 'nosniff'
+      X-Frame-Options = 'DENY'
+      X-XSS-Protection = '1; mode=block'
diff --git a/tests/exampleSiteWithImage/urls.txt b/tests/exampleSiteWithImage/urls.txt
@@ -1,2 +1,3 @@
 http://hugo:1313/index.html
-http://hugo:1313/ipsum-in.html
+http://hugo:1313/commonmark.html
+http://hugo:1313/long-text.html
diff --git a/tests/exampleSiteWithVideo/budget.desktop.json b/tests/exampleSiteWithVideo/budget.desktop.json
@@ -7,7 +7,7 @@
             "total": 2048000
         },
         "thirdParty": {
-            "requests": 4
+            "requests": 5
         },
         "score": {
             "bestpractice": 93,

diff --git a/tests/exampleSiteWithVideo/budget.mobile.json b/tests/exampleSiteWithVideo/budget.mobile.json
@@ -7,7 +7,7 @@
             "total": 2048000
         },
         "thirdParty": {
-            "requests": 4
+            "requests": 5
         },
         "score": {
             "bestpractice": 93,

diff --git a/tests/exampleSiteWithVideo/content/_index.md b/tests/exampleSiteWithVideo/content/_index.md
@@ -3,4 +3,4 @@ title = "Jenny Jones"
 tagline = "Designer. Stylist. Nomad."
 +++
 
-Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce viverra [luctus urna]({{< ref "luctus-urna.md" >}}) ac rutrum. Duis semper elit eu mi facilisis eleifend. Donec semper, [ipsum in]({{< ref "ipsum-in.md" >}}) malesuada congue, [purus sem]({{< ref "purus-sem.md" >}}) ullamcorper massa, sit amet lacinia nibh enim sed massa.
+Donec at libero id lectus porta dapibus eu in nibh. Cras id mauris sapien. Fusce viverra [luctus urna]({{< ref "long-text.md" >}}) ac rutrum. Duis semper elit eu mi facilisis eleifend. Donec semper, [ipsum in]({{< ref "commonmark.md" >}}) malesuada congue, purus sem ullamcorper massa, sit amet lacinia nibh enim sed massa.
diff --git a/tests/exampleSiteWithVideo/content/commonmark.md b/tests/exampleSiteWithVideo/content/commonmark.md
@@ -0,0 +1,61 @@
++++
+title = "CommonMark"
++++
+
+*Italic*
+
+_Italic_
+
+**Bold**
+
+__Bold__
+
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+
+[Link](http://a.com)
+
+![Image](https://dummyimage.com/mediumrectangle)
+
+> Blockquote
+
+* List
+* List
+* List
+
+- List
+- List
+- List
+
+1. One
+2. Two
+3. Three
+
+1) One
+2) Two
+3) Three
+
+---
+
+***
+
+`Inline code` with backticks
+
+```
+# code block
+print '3 backticks or'
+print 'indent 4 spaces'
+```
+
+    # code block
+    print '3 backticks or'
+    print 'indent 4 spaces'
diff --git a/tests/exampleSiteWithVideo/content/ipsum-in.md b/tests/exampleSiteWithVideo/content/ipsum-in.md
diff --git a/tests/exampleSiteWithVideo/content/long-text.md b/tests/exampleSiteWithVideo/content/long-text.md
@@ -0,0 +1,13 @@
++++
+title = "Long Text"
++++
+
+Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci.
+
+Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.
+
+Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
+
+Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+
+Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
diff --git a/tests/exampleSiteWithVideo/content/luctus-urna.md b/tests/exampleSiteWithVideo/content/luctus-urna.md
diff --git a/tests/exampleSiteWithVideo/content/purus-sem.md b/tests/exampleSiteWithVideo/content/purus-sem.md
diff --git a/tests/exampleSiteWithVideo/config.toml → tests/exampleSiteWithVideo/hugo.toml b/tests/exampleSiteWithVideo/config.toml → tests/exampleSiteWithVideo/hugo.toml
@@ -102,3 +102,13 @@ copyright = "&copy;2024 Your Name"
   # Please keep the original attribution link when using for your own project.
   # If you'd like to use the template without the attribution, you can check out
   # the license option via the template author's website: https://onepagelove.com/split
+
+[server]
+[[server.headers]]
+    for = '/**'
+    [server.headers.values]
+      Content-Security-Policy = "default-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' https://dummyimage.com"
+      Referrer-Policy = 'strict-origin-when-cross-origin'
+      X-Content-Type-Options = 'nosniff'
+      X-Frame-Options = 'DENY'
+      X-XSS-Protection = '1; mode=block'
diff --git a/tests/exampleSiteWithVideo/urls.txt b/tests/exampleSiteWithVideo/urls.txt
@@ -1,2 +1,3 @@
 http://hugo:1313/index.html
-http://hugo:1313/ipsum-in.html
+http://hugo:1313/commonmark.html
+http://hugo:1313/long-text.html