TrollDecker
/
hyde-decker
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Added artfolio

main
Jo Jerrica Decker 10 months ago
parent
b38ae460c2
commit
3296a10edf
9 changed files with 100 additions and 13 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      assets/scss/hyde-hyde/_base.scss
  2. 22
      assets/scss/hyde-hyde/_project.scss
  3. 11
      layouts/artfolio/list.html
  4. 7
      layouts/index.html
  5. 32
      layouts/partials/artfolio/content.html
  6. 5
      layouts/partials/artfolio/footer.html
  7. 13
      layouts/partials/blog/content.html
  8. 11
      layouts/partials/page-single/content.html
  9. 4
      static/css/hyde-hyde.css

8
assets/scss/hyde-hyde/_base.scss
View File

@ -144,3 +144,11 @@ figcaption {
font-size: 0.8em;
font-style: italic;
}
img.inline {
display: inline;
height: 22px!important;
margin-left: 3px;
vertical-align: text-bottom;
margin-bottom: 0;
}

22
assets/scss/hyde-hyde/_project.scss
View File

@ -1,9 +1,31 @@
:root {
--minimum-width: 30%;
--ratio: 1/1;
}
.portfolio__content {
section {
margin-bottom: 1.765rem;
}
}
.artfolio_content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--minimum-width), 1fr));
grid-gap: 5px;
}
.artfolio-block {
border: 1px solid black;
}
.artwork__image {
margin: auto;
aspect-ratio: var(--ratio);
object-fit: cover;
width: 100%;
}
.portfolio__featured-project {
margin: 0 0 1.765rem;
img {

11
layouts/artfolio/list.html
View File

@ -0,0 +1,11 @@
{{ define "header" }}
{{ partial "header.html" . }}
{{ end }}
{{ define "content" }}
{{ partial "artfolio/content.html" . }}
{{ end }}
{{ define "footer" }}
{{ partial "artfolio/footer.html" . }}
{{ end }}

7
layouts/index.html
View File

@ -16,11 +16,10 @@
<span class="blog__summary">
{{ .Summary }}
</span>
<span class="read_more">
<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
</span>
<span class="read_more">
<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
</span>
</div>
</div>
<div class="row-space">&nbsp;</div>
{{ end }}
</div>

32
layouts/partials/artfolio/content.html
View File

@ -0,0 +1,32 @@
<span class="section__title">{{ .Title | default "Artfolio" }}</span>
<div class="artfolio__content">
{{ range first 1 (where .Data.Pages "Params.featured" "==" true) }}
<section class="artfolio__featured-project">
<div class="section-inner">
<div class="artfolio_content">
<div class="item featured text-center">
<span class="project__artwork">
{{ if .Params.artworks }}
<a href={{ .RelPermalink }} target="_blank" rel="noopener noreferrer"><img class="project__image img-responsive" src="{{ .Params.artworks.s1.file }}" alt="{{ .Params.artworks.s1.caption }}" title="{{ .Params.artworks.s1.caption }}"></a>
{{ end }}
</span>
</div>
</div>
</div>
</section>
{{ end }}
<section>
<hr class="divider">
<div class="artfolio_content">
{{ range (where .Data.Pages "Params.featured" "!=" true).ByDate.Reverse }}
<div class="artfolio-block">
<span class="artwork__primary-art">
{{ if .Params.artworks }}
<a href={{ .RelPermalink }} target="_blank" rel="noopener noreferrer"><img class=" artwork__image img-responsive" src="{{ .Params.artworks.s1.file }}" alt="{{ .Params.artworks.s1.caption }}" title="{{ .Params.artworks.s1.caption }}"></a>
{{ end }}
</span>
</div>
{{ end }}
</div>
</section>
</div>

5
layouts/partials/artfolio/footer.html
View File

@ -0,0 +1,5 @@
{{ if .Site.GoogleAnalytics }}
<!-- Google Analytics -->
{{ template "_internal/google_analytics_async.html" . }}
{{ end }}
{{ partial "footer/font-awesome-js.html" . }}

13
layouts/partials/blog/content.html
View File

@ -20,8 +20,8 @@
{{ .Summary }}
</div>
<span class="read_more">
<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
</span>
<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
</span>
</div>
</div>
</div>
@ -41,11 +41,10 @@
<span class="blog__summary">
{{ .Summary }}
</span>
<span class="read_more">
<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
</span>
</div>
</div>
<span class="read_more">
<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
</span>
</div>
<div class="row-space">&nbsp;</div>
{{ end }}
</div>

11
layouts/partials/page-single/content.html
View File

@ -13,6 +13,10 @@
{{ if $screenshotsExist }}
<a href={{ .Params.screenshots.s1.file }} target="_blank" rel="noopener noreferrer"><img class="project__image project__first-screen img-responsive" src="{{ .Params.screenshots.s1.file }}" alt="{{ .Params.screenshots.s1.caption }}" title="{{ .Params.screenshots.s1.caption }}"></a>
{{ end }}
{{ $artworksExist := .Params.artworks }}
{{ if $artworksExist }}
<a href={{ .Params.artworks.s1.file }} target="_blank" rel="noopener noreferrer"><img class="project__image project__first-screen img-responsive" src="{{ .Params.artworks.s1.file }}" alt="{{ .Params.artworks.s1.caption }}" title="{{ .Params.artworks.s1.caption }}"></a>
{{ end }}
{{ $tableOfContents := .TableOfContents }}
{{ with .Site.Params.toc }}
{{ if ne $include_toc false }}
@ -34,6 +38,13 @@
<div class="post">
{{ .Content }}
</div>
{{ if $artworksExist }}
<p xmlns:cc="http://creativecommons.org/ns#" >This work ©{{ .Params.date.Year }} by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://diskseven.com">Johanna Decker</a> is licensed under <a href="http://creativecommons.org/licenses/by-nc-nd/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-ND 4.0
<img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1">
<img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1">
<img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1">
<img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/nd.svg?ref=chooser-v1"></a></p>
{{ end }}
{{ if $screenshotsExist }}
<h2 id=additional-screenshots>Additional Screenshots</h2>
<div class = "project__additional-screens">

4
static/css/hyde-hyde.css
View File

@ -547,9 +547,9 @@ a.badge-tag {
.project__subtitle-small {
font-size: 1.3rem; }
.project__featured-image {
.project__featured-image, .artwork__primary-art {
position: relative; }
.project__summary {
margin-bottom: 1.765rem;
text-align: left; }

Write Preview
Loading…
Cancel
Save