renamed theme and first modifications

config.toml

@@ -1,15 +1,17 @@
 title = "Naej's portfolio"
 baseURL = "https://naejdoree.klmp200.net"
 languageCode = "en-us"
-theme = "ananke"
+theme = "naej-ananke"
 
 MetaDataFormat = "yaml"
 DefaultContentLanguage = "en"
 SectionPagesMenu = "main"
-Paginate = 10 # this is set low for demonstrating with dummy content. Set to a higher number
+Paginate = 10
 googleAnalytics = ""
 enableRobotsTXT = true
 
+enableInlineShortcodes = true
+
 [sitemap]
   changefreq = "monthly"
   priority = 0.5
@@ -20,17 +22,27 @@ enableRobotsTXT = true
   site_logo = ""
   description = "The best portfolio ever. Maybe."
   facebook = ""
-  twitter = "https://twitter.com/GoHugoIO"
+  twitter = "https://twitter.com/naejdoree"
   instagram = ""
   youtube = ""
   github = ""
   gitlab = ""
-  linkedin = ""
+  linkedin = "https://www.linkedin.com/in/naejdoree/"
   mastodon = ""
   slack = ""
   stackoverflow = ""
   rss = ""
   # choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
-  background_color_class = "bg-black"
+  background_color_class = "bg-dark-gray"
   featured_image = "/images/gohugo-default-sample-hero-image.jpg"
   recent_posts_number = 2
+
+
+  body_classes = "avenir bg-near-black "
+  post_content_classes = "avenir post"
+
+  custom_css = ["css/post.css"]
+
+# main inspiration : https://naejdoree.artstation.com/
+
+# browser playable games : https://naejdoree.itch.io/

themes/naej-ananke/layouts/_default/single.html

@@ -2,10 +2,10 @@
    {{/* We can override any block in the baseof file be defining it in the template */}}
   {{ partial "page-header.html" . }}
 {{ end }}
-
+{{/* used to show posts */}}
 {{ define "main" }}
   {{ $section := .Site.GetPage "section" .Section }}
-  <article class="flex-l flex-wrap justify-between mw8 center ph3">
+  <article class="flex flex-wrap center light-gray flex-column tc flex-align:center">
     <header class="mt4 w-100">
       <aside class="instapaper_ignoref b helvetica tracked">
           {{/*
@@ -14,8 +14,8 @@
           */}}
         {{with .CurrentSection.Title }}{{. | upper }}{{end}}
       </aside>
-      {{ partial "social-share.html" . }}
+      {{/*  {{ partial "social-share.html" . }} */}}
-      <h1 class="f1 athelas mt3 mb1">
+      <h1 class="f1 avenir mt3 mb1">
         {{- .Title -}}
       </h1>
       {{ with .Params.author }}
@@ -30,25 +30,16 @@
       </p>
       {{ end }}
       {{/* Hugo uses Go's date formatting is set by example. Here are two formats */}}
-      <time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+      <time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }} ">
         {{- .Date.Format "January 2, 2006" -}}
       </time>
 
-      {{/*
-          Show "reading time" and "word count" but only if one of the following are true:
-          1) A global config `params` value is set `show_reading_time = true`
-          2) A section front matter value is set `show_reading_time = true`
-          3) A page front matter value is set `show_reading_time = true`
-        */}}
-      {{ if (or (eq (.Param "show_reading_time") true) (eq $section.Params.show_reading_time true) )}}
-        <span class="f6 mv4 dib tracked"> - {{ .ReadingTime}} minutes read</span>
-        <span class="f6 mv4 dib tracked"> - {{ .WordCount}} words</span>
-      {{ end }}
     </header>
-    <div class="nested-copy-line-height lh-copy {{ $.Param "post_content_classes"  | default "serif"}} f4 nested-links nested-img mid-gray pr4-l w-two-thirds-l">
+    <div class="flex nested-copy-line-height lh-copy {{ $.Param "post_content_classes"  | default "serif"}} f4 nested-links nested-img pr4-l flex-column tc flex-align:center">
       {{- .Content -}}
       {{- partial "tags.html" . -}}
-      <div class="mt6 instapaper_ignoref">
+      
+      <div class="mt6 instapaper_ignoref flex">
       {{ if .Site.DisqusShortname }}
         {{ template "_internal/disqus.html" . }}
       {{ end }}
@@ -56,6 +47,7 @@
         {{- partial "commento.html" . -}}
       {{ end }}
       </div>
+    
     </div>
 
     <aside class="w-30-l mt6-l">

themes/naej-ananke/layouts/partials/summary-with-image.html

@@ -1,3 +1,5 @@
+{{/* used in the "recent project" part */}}
+
 {{ $featured_image := partial "func/GetFeaturedImage.html" . }}
 <article class="bb b--black-10">
   <div class="db pv4 ph3 ph0-l no-underline dark-gray">
@@ -18,11 +20,9 @@
             </a>
         </h1>
         <div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
-          {{ .Summary }}
+          {{ .Description }}
         </div>
           <a href="{{.Permalink}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">{{ $.Param "read_more_copy" | default (i18n "readMore") }}</a>
-        {{/* TODO: add author
-        <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
       </div>
     </div>
   </div>

themes/naej-ananke/layouts/post/summary.html

@@ -1,7 +1,8 @@
+  {{/*used in the mosaic layout */}}
   <div class="mb3 pa4 mid-gray overflow-hidden">
     {{ if .Date }}
       <div class="f6">
-        {{ .Date.Format "January 2, 2006" }}
+       {{/* {{ .Date.Format "January 2, 2006" }} */}}
       </div>
     {{ end }}
     <h1 class="f3 near-black">
@@ -10,6 +11,6 @@
       </a>
     </h1>
     <div class="nested-links f5 lh-copy nested-copy-line-height">
-      {{ .Summary  }}
+      {{ .Description  }}
     </div>
   </div>

themes/naej-ananke/layouts/shortcodes/game.html

@@ -0,0 +1,5 @@
+<div class="embed itch.io-player">
+
+<iframe src="{{ index .Params 0 }}" allowfullscreen="" width="{{ index .Params 1 }}" height="{{ index .Params 2 }}" frameborder="0"><a href="{{ index .Params 3}}">Play the game on itch.io</a></iframe>
+
+</div>

themes/naej-ananke/layouts/shortcodes/iframe.html

@@ -0,0 +1,5 @@
+<div class="embed iframe">
+
+<iframe src="{{ .Get "src"}}" allowfullscreen="{{.Get "allowfullscreen"}}" width="{{ .Get "width"}}" height="{{ .Get "height" }}" frameborder="0"><a href="{{ .Get "altLink"}}">href= "{{ .Get "altText"}}" </a></iframe>
+
+</div>