vim-jp · tyru · Apr 8, 2020 · Apr 8, 2020 · Apr 8, 2020 · Apr 8, 2020
diff --git a/.gitignore b/.gitignore
@@ -5,3 +5,4 @@ _site
 Gemfile.lock
 /.jekyll-metadata
 /tmp/
+/slacklog_data/
diff --git a/_layouts/slacklog.html b/_layouts/slacklog.html
@@ -0,0 +1,46 @@
+---
+# vim:set ts=2 sts=2 sw=2 noet:
+---
+<!doctype html>
+<head>
+<meta charset="UTF-8">
+<title>vim-jp &raquo; {{ page.title }}</title>
+<link rel="stylesheet" href="/assets/css/site.css" type="text/css" />
+<link rel="stylesheet" href="/assets/css/slacklog.css" type="text/css" />
+<link rel="alternate" type="application/rss+xml" title="RSS" href="//vim-jp.org/rss.xml" />
+<link rel="canonical" href="{{ site.base-url }}{{ page.url }}" />
+<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+</head>
+<body>
+
+<!-- for facebook like button -->
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) {return;}
+  js = d.createElement(s); js.id = id;
+  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+
+	<div class="header">
+		<h1><a href="/">vim-jp &raquo; Vimのユーザーと開発者を結ぶコミュニティサイト</a></h1>
+	</div>
+	<div class="body">
+		<div id="content">
+			<div class="entry-wide">
+			{{ content }}
+
+			{% include disqus.html %}
+
+			</div>
+		</div>
+		<br class="clear" />
+		<div id="footer">
+			<p>Powered by <a href="https://github.com/">github</a>. vim-jp.org is licensed under a <a href="https://creativecommons.org/licenses/by/2.1/jp/">Creative Commons License</a>.
+		</div>
+	</div>
+</body>
diff --git a/assets/css/slacklog.css b/assets/css/slacklog.css
@@ -0,0 +1,177 @@
+/* vim:set ts=8 sts=2 sw=2 noet: */
+
+:root {
+  --slacklog-message-icon-col: 64px;
+}
+
+.slacklog-message {
+  display: grid;
+  grid-template-columns: var(--slacklog-message-icon-col) auto 1fr;
+  grid-template-rows: 20px auto;
+  margin: 0;
+  padding: 7px 0;
+}
+.slacklog-message-broadcasted:hover,
+.slacklog-message:hover {
+  background-color: #eef;
+}
+.slacklog-message-broadcasted:hover .slacklog-thread,
+.slacklog-message:hover .slacklog-thread {
+  background-color: white;
+}
+.slacklog-icon {
+  grid-row: 1 / 3;
+  grid-column: 1;
+}
+.slacklog-name {
+  grid-row: 1;
+  grid-column: 2;
+  font-weight: bold;
+}
+.slacklog-datetime {
+  margin-left: 10px;
+  grid-row: 1;
+  grid-column: 3;
+}
+.slacklog-datetime, .slacklog-datetime:link, .slacklog-datetime:visited {
+  color: gray;
+}
+.slacklog-text {
+  grid-row: 2;
+  grid-column: 2 / 4;
+}
+.slacklog-text-edited {
+  color: gray;
+}
+
+.slacklog-attachments {
+  grid-row: 3;
+  grid-column: 2 / 4;
+}
+.slacklog-attachment {
+  padding-left: 10px;
+  margin-top: 10px;
+  border-left: #ccc 3px solid
+}
+.slacklog-thread-reply-link {
+  grid-column: 2 / 4;
+  display: block;
+  text-overflow: ellipsis;
+  color: gray;
+}
+.slacklog-message-broadcasted {
+  display: grid;
+  grid-template-columns: var(--slacklog-message-icon-col) auto;
+  background-color: rgb(255, 242, 201);
+}
+.slacklog-thread-broadcast-link {
+  grid-row: 1;
+  grid-column: 1;
+  justify-self: center;
+  align-self: center;
+}
+.slacklog-thread-broadcast-text {
+  padding-top: 5px;
+  grid-row: 1;
+  grid-column: 2;
+  font-size: small;
+  color: #ccc;
+}
+details.slacklog-thread summary {
+  padding: 5px;
+  font-weight: bold;
+  color: #77f
+}
+details.slacklog-thread summary:hover {
+  background-color: white;
+  border: #ccc solid 1px;
+  padding: 4px;
+}
+.slacklog-thread .slacklog-message {
+  padding-left: 10px;
+}
+.slacklog-message-broadcasted .slacklog-message {
+  grid-row: 2;
+  grid-column: 1 / 3;
+  padding-top: 0;
+  padding-bottom: 10px;
+}
+.slacklog-thread {
+  grid-row: 4;
+  grid-column: 2 / 4;
+}
+
+.slacklog-attachment-github {
+  display: grid;
+  align-items: center;
+  grid-template-columns: 40px auto;
+}
+.slacklog-attachment-github-serviceicon {
+  grid-row: 1;
+  grid-column: 1;
+}
+.slacklog-attachment-github-servicename {
+  grid-row: 1;
+  grid-column: 2;
+  font-weight: bold;
+}
+.slacklog-attachment-github-title {
+  grid-row: 2;
+  grid-column: 1 / 3;
+}
+.slacklog-attachment-github-text {
+  grid-row: 3;
+  grid-column: 1 / 3;
+}
+
+.slacklog-attachment-twitter {
+  display: grid;
+  align-items: center;
+  grid-template-columns: 32px auto auto;
+}
+.slacklog-attachment-twitter-authoricon {
+  grid-row: 1;
+  grid-column: 1;
+}
+.slacklog-attachment-twitter-authoricon img {
+  width: 25px;
+}
+.slacklog-attachment-twitter-authorname {
+  grid-row: 1;
+  grid-column: 2;
+}
+.slacklog-attachment-twitter-authorsubname {
+  grid-row: 1;
+  grid-column: 3;
+}
+.slacklog-attachment-twitter-text {
+  grid-row: 2;
+  grid-column: 1 / 4;
+}
+.slacklog-attachment-twitter-footericon {
+  grid-row: 3;
+  grid-column: 1;
+}
+.slacklog-attachment-twitter-footericon img {
+  width: 20px;
+}
+.slacklog-attachment-twitter-footer {
+  grid-row: 3;
+  grid-column: 2 / 4;
+  align-self: start;
+}
+.slacklog-attachment-twitter-video {
+  grid-row: 4;
+  grid-column: 1 / 4;
+}
+
+.slacklog-attachment-other {
+  display: block;
+}
+.slacklog-attachment-other-serviceicon img {
+  width: 32px;
+}
+.slacklog-attachment-other-servicename {
+  font-weight: bold;
+  vertical-align: super;
+}
diff --git a/scripts/update_slack_logs/config.json b/scripts/update_slack_logs/config.json
@@ -0,0 +1,7 @@
+{
+  "edited_suffix": "",
+  "channels": [
+    "random",
+    "general"
+  ]
+}
diff --git a/scripts/update_slack_logs/run.sh b/scripts/update_slack_logs/run.sh
@@ -0,0 +1,4 @@
+#!/bin/bash
+
+cd "$(dirname "$0")/../.." || exit "$?"
+go run scripts/update_slack_logs/update_slack_logs.go scripts/update_slack_logs/ slacklog_data/ slacklog/
diff --git a/scripts/update_slack_logs/template/channel_index.tmpl b/scripts/update_slack_logs/template/channel_index.tmpl
@@ -0,0 +1,18 @@
+---
+# vim:set ts=2 sts=2 sw=2 et:
+layout: slacklog
+title: vim-jp.slack.com log - &#35<< .channel.Name >>
+---
+<div>
+<h2><a href='/slacklog/'>vim-jp.slack.com log</a> - &#35<< .channel.Name >></h2>
+
+<p>参加方法、各チャンネルの概要等は以下を参照して下さい。<br>
+<a href='/docs/chat.html'>vim-jpのチャットルームについて</a></p>
+
+<ul>
+<<- range .msgMap >>
+<li><a href='/slacklog/<< $.channel.Name >>/<< .Year >>/<< .Month >>/index.html'><< .Year >>年<< .Month >>月</a></li>
+<<- end >>
+</ul>
+
+</div>