feat(www): update page and use hugo image.

1 files changed, 92 insertions, 0 deletions

diff --git a/www/layouts/index.html b/www/layouts/index.html
new file mode 100644
index 0000000..55e49ff
--- /dev/null
+++ b/www/layouts/index.html
@@ -0,0 +1,92 @@
+{{ define "head"}}
+  {{ partial "css.html" "home.css" }}
+  {{ partial "css.html" "partials/preview/article.css" }}
+{{ end }}
+
+{{ define "friend" }}
+  {{ $gh_url := printf "https://github.com/%s" .github}}
+  <div class="friend">
+    <a rel="noopener noreferrer" href="{{ or .url $gh_url }}">
+      <img class="friend-avatar" alt="Friend {{.name}}'s avatar" src="{{.avatar}}" width="80"
+        height="80" /><br />{{.name}}</a>
+    <a rel="noopener noreferrer" href="{{ $gh_url }}">
+      {{- with resources.Get "github-mark.png" -}}
+        <img class="friend-github" src="{{ .RelPermalink }}" />
+      {{- end -}}
+    </a><br />
+    {{ if .tag }}
+      <span class="friend-tag">{{ .tag }}</span>
+    {{ end }}
+  </div>
+{{ end }}
+
+{{ define "content"}}
+  <img id="avatar" src="/avatar.png" alt="My avatar" width="80" height="80" />
+  <h1 id="title">Hello! This is <span id="title-name">crupest</span> !</h1>
+  <hr />
+  <section>
+    <p>Welcome to my home page! Nice to meet you here! 🥰</p>
+    <p>If you have something interesting to share with me, feel free to email me at
+      <a rel="noopener noreferrer" href="mailto:crupest@crupest.life">crupest@crupest.life</a>.
+      You can also create an issue in any of my repos on GitHub to talk anything to me.
+    </p>
+    <div id="links" class="mono-link">
+      links:
+      <ul>
+        <li><a href="{{ .RelPermalink }}">home</a></li>
+        <li><a href="{{ absURL "/git/" }}">git</a></li>
+        {{ with .GetPage "/hurd" }}
+          <li><a href="{{ .RelPermalink }}">hurd</a></li>
+        {{ end }}
+        {{ with .GetPage "/todos" }}
+          <li><a href="{{ .RelPermalink }}">todos</a></li>
+        {{ end }}
+          <li><a rel="noopener noreferrer" href="https://github.com/crupest">github</a></li>
+        </ul>
+    </div>
+  </section>
+  <hr>
+  {{ with .GetPage "/posts" }}
+    <section id="recent-posts">
+      <h2>Recent Posts <a class="mono-link" href="{{ .RelPermalink }}">(all)</a></h2>
+        {{ partial "preview/posts.html" (dict
+          "h" "h3"
+          "pages" (.RegularPages.ByDate.Reverse.Limit 3))
+        }}
+    </section>
+  {{ end }}
+  <hr>
+  <section>
+    <h2 id="friends">My Friends <small>(more links are being collected ...)</small></h2>
+    <div id="friends-container">
+      {{ block "friend" dict
+        "name" "wsm"
+        "avatar" "https://avatars.githubusercontent.com/u/74699943?v=4"
+        "github" "wushuming666"
+      }}
+      {{ end }}
+      {{ block "friend" dict
+        "name" "hsz"
+        "url" "https://www.hszsoft.com"
+        "avatar" "https://avatars.githubusercontent.com/u/63097618?v=4"
+        "github" "hszSoft"
+        "tag" "随性の程序员"
+      }}
+      {{ end }}
+    </div>
+  </section>
+  <hr>
+  <section>
+    <h2>Always Remember</h2>
+    <figure class="citation">
+      <blockquote>
+        <p>Die Philosophen haben die Welt nur verschieden interpretiert, es kömmt aber darauf an, sie zu verändern.</p>
+        <p><small>Translated from German:</small>
+          The philosophers have only interpreted the world in various ways, the point is to change it.</p>
+      </blockquote>
+      <figcaption>
+        <cite>Karl Marx, Theses on Feuerbach (1845)</cite>
+      </figcaption>
+    </figure>
+  </section>
+{{ end }}
\ No newline at end of file