nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

feat: add shortcode for attachments

Browse source
This commit is contained in:
matcornic 2017-08-01 22:25:17 +02:00
parent da208441c0
commit 951e8fb40e
16 changed files with 83 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
exampleSite/README.md
View file

@ -1,10 +1,11 @@
- sticky bar -> TODO
- récriture doc -> TODO
- créer une section Showcase
- refaire la possibilité d'overrider le style/script/etc -> TODO
- créer des jolis thèmes de base (avec des noms) -> TODO
- ajouter les attachments -> TODO
- ajouter les childs -> TODO
- refaire la possibilité d'overrider le style/script/etc -> OK
- sticky bar -> OK
- ajouter Travis pour tester le thème quotidiennement avec les nouvelles versions de Hugo -> OK
- #54 -> OK
- corriger slider menu qui ne fonctionne plus -> OK

BIN
exampleSite/content/cont/shortcodes.files/BachGavotteShort.mp3 Normal file
View file

Binary file not shown.

BIN
exampleSite/content/cont/shortcodes.files/Carroll_AliceAuPaysDesMerveilles.pdf Normal file
View file

Binary file not shown.

BIN
exampleSite/content/cont/shortcodes.files/adivorciarsetoca00cape.pdf Normal file
View file

Binary file not shown.

BIN
exampleSite/content/cont/shortcodes.files/hugo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
exampleSite/content/cont/shortcodes.files/movieselectricsheep-flock-244-32500-2.mp4 Normal file
View file

Binary file not shown.

8
exampleSite/content/cont/shortcodes.md
View file

@ -12,6 +12,14 @@ To avoid this limitations, Hugo created [shortcodes](https://gohugo.io/extras/sh
**Hugo-theme-learn** provides multiple shortcodes on top of existing ones.
## Attachments
{{% attachments style="info" /%}}
{{% attachments style="warning" /%}}
{{% attachments style="note" /%}}
{{% attachments style="tip" /%}}
{{% attachments /%}}
## Notice
The notice shortcode shows 4 types of disclaimers to help you structure your page.

4
layouts/404.html
View file

@ -4,7 +4,6 @@
<head>
<meta charset="utf-8"> {{ partial "meta.html" . }} {{ partial "favicon.html" . }} {{ .Scratch.Add "title" "" }}{{ if eq .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}}
<title>{{ .Scratch.Get "title" }}</title>
{{ partial "style.html" . }}
<link href="{{"css/nucleus.css" | relLangURL}}{{ if not .Site.Params.disableAssetBusting }}?{{ now.Unix }}{{ end }}" rel="stylesheet">
<link href="{{"css/font-awesome.min.css" | relLangURL}}{{ if not .Site.Params.disableAssetBusting }}?{{ now.Unix }}{{ end }}" rel="stylesheet">
@ -27,7 +26,8 @@
ul {
list-style-type: none;
}
</style>
</style>
{{ partial "custom-header.html" . }}
</head>
<body>

1
layouts/partials/custom-footer.html Normal file
View file

@ -0,0 +1 @@
<!-- Partial intended to be overwritten with tags loaded at the end of the page loading (usually for Javascript) -->

1
layouts/partials/custom-header.html Normal file
View file

@ -0,0 +1 @@
<!-- Partial intended to be overwritten to add custom headers, like CSS or any other info -->

3
layouts/partials/footer.html
View file

@ -69,5 +69,8 @@
<script>
mermaid.initialize({ startOnLoad: true });
</script>
<script>
{{ partial "custom-footer.html" . }}
</script>
</body>
</html>

2
layouts/partials/header.html
View file

@ -28,7 +28,7 @@
}
{{ end }}
</style>
{{ partial "style.html" . }}
{{ partial "custom-header.html" . }}
</head>
<body class="" data-url="{{ .RelPermalink }}">
{{ partial "menu.html" . }}

1
layouts/partials/script.html
View file

@ -1 +0,0 @@
<!-- Partial intended to be overwritten to add javacript -->

1
layouts/partials/style.html
View file

@ -1 +0,0 @@
<!-- Partial intended to be overwritten to add CSS -->

8
layouts/shortcodes/attachments.html
View file

@ -1,6 +1,6 @@
<section class="attachments">
<section class="attachments {{ with .Get "style"}}{{.}}{{ end }}">
<label>
<span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
<i class="fa fa-paperclip" aria-hidden="true"></i>
{{with .Get "title"}}{{.}}{{else}}{{T "Attachments-label"}}{{end}}
</label>
{{if eq .Page.File.BaseFileName "index"}}
@ -8,6 +8,7 @@
{{else}}
{{$.Scratch.Add "filesName" (printf "%s.files" .Page.File.BaseFileName)}}
{{end}}
<div class="attachments-files">
{{ range (readDir (printf "./content/%s%s" .Page.File.Dir ($.Scratch.Get "filesName")) ) }}
{{ $fileDir := replace $.Page.File.Dir "\\" "/" }}
{{if ($.Get "pattern")}}
@ -28,6 +29,7 @@
</li>
{{end}}
{{end}}
<div>
{{.Inner}}
</section>
{{.Inner}}

59
static/css/theme.css
View file

@ -529,6 +529,65 @@ div.notices.tip p {
div.notices.tip p:first-child:after {
content: 'Tip';
}
section.attachments {
margin: 2rem 0;
position: relative;
}
section.attachments label {
font-weight: 400;
padding-left: 0.5em;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
}
section.attachments .attachments-files {
padding: 15px;
display: block;
font-size: 1rem;
margin-top: 0rem;
margin-bottom: 0rem;
color: #666;
}
section.attachments.info label {
color: #fff;
background: #F0B37E;
}
section.attachments.info .attachments-files {
background: #FFF2DB;
}
section.attachments.tip label {
color: #fff;
background: rgba(92, 184, 92, 0.8);
}
section.attachments.tip .attachments-files {
background: #E6F9E6;
}
section.attachments.warning label {
color: #fff;
background: rgba(217, 83, 79, 0.8);
}
section.attachments.warning .attachments-files {
background: #FAE2E2;
}
section.attachments.note label {
color: #fff;
background: #6AB0DE;
}
section.attachments.note .attachments-files {
background: #E7F2FA;
}
code, kbd, pre, samp {
font-family: "Consolas", menlo, monospace;
font-size: 92%;