OSDN Git Service

スタイルシート修正。スコアページのルートにRSSとTwitterのリンク追加。 / Fix stylesheet. Add Twitter and RSS link...
authorDeskull <deskull@users.sourceforge.jp>
Tue, 27 Mar 2018 12:09:28 +0000 (21:09 +0900)
committerDeskull <deskull@users.sourceforge.jp>
Tue, 27 Mar 2018 12:09:28 +0000 (21:09 +0900)
src/head_score.html [new file with mode: 0644]
src/hengband.css
src/image/Twitter_Social_Icon_Rounded_Square_Color.png [new file with mode: 0644]
src/image/feed-icon-128x128.png [new file with mode: 0644]
src/make.sh
src/scorelinks.html [new file with mode: 0644]

diff --git a/src/head_score.html b/src/head_score.html
new file mode 100644 (file)
index 0000000..0a5e413
--- /dev/null
@@ -0,0 +1,7 @@
+       <head>
+               <meta charset="utf-8"/>
+               <link rev=made href="mailto:hengband-dev@lists.sourceforge.jp">
+               <link rel="stylesheet" type="text/css" href="/hengband.css">
+               <link rel="alternate" title="変愚蛮怒 新着スコア" href="feed/newcome-atom.xml" type="application/atom+xml" />
+               <title>変愚蛮怒 公式WEB</title>
+       </head>
\ No newline at end of file
index df6cbd9..eb78e7f 100644 (file)
@@ -277,4 +277,47 @@ pre {
        font-family: MS 明朝, monospace;\r
 }\r
 \r
+.button {\r
+       text-decoration: none;\r
+       border-radius: 0.2rem;\r
+       margin: 0.2rem 0.2rem 0.4rem 0.2rem;\r
+       height: auto;\r
+       min-height: 4.6rem;\r
+       max-height: 6.5rem;\r
+       padding: 0.0rem 0.15rem;\r
+       display: flex;\r
+       flex: 1 1 auto;\r
+       flex-direction: row;\r
+       text-shadow: 0.1rem 0.1rem 0.1rem #FFFFFF, -0.1rem 0.1rem 0.1rem #FFFFFF, 0.1rem -0.1rem 0.1rem #FFFFFF, -0.1rem -0.1rem 0.1rem #FFFFFF;\r
+       justify-content: space-around;\r
+       align-items: center;\r
+       color: #000000;\r
+       border-top: solid 0.40rem #AF874D;\r
+       border-left: solid 0.40rem #AF874D;\r
+       border-right: solid 0.40rem #905020;\r
+       border-bottom: solid 0.40rem #905020;\r
+       background: -moz-linear-gradient(80% 28% 275deg, #FFF2E0, #FFFFFF 55%);\r
+       background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 244, 223, 0.8)));\r
+       box-shadow: 0.4rem 0.4rem 0.15rem rgba(0, 0, 0, 0.9), 0.02rem 0.1rem 2.2rem rgba(255, 255, 255, 0.4);\r
+}\r
+\r
+.button > img\r
+{\r
+       width: auto;\r
+       max-height: 4.0rem;\r
+}\r
+\r
+.button > span\r
+{\r
+       font-size: 200%;\r
+       color: #000000;\r
+}\r
+\r
+/* スコア系統 ////////////////////////////////////////////////// */\r
+\r
+.scorelinks {\r
+       display: flex;\r
+       margin: 1rem;\r
+       padding: 1rem;\r
+}\r
 \r
diff --git a/src/image/Twitter_Social_Icon_Rounded_Square_Color.png b/src/image/Twitter_Social_Icon_Rounded_Square_Color.png
new file mode 100644 (file)
index 0000000..372a39e
Binary files /dev/null and b/src/image/Twitter_Social_Icon_Rounded_Square_Color.png differ
diff --git a/src/image/feed-icon-128x128.png b/src/image/feed-icon-128x128.png
new file mode 100644 (file)
index 0000000..b82160d
Binary files /dev/null and b/src/image/feed-icon-128x128.png differ
index 189d3a0..378f643 100644 (file)
@@ -3,7 +3,7 @@
 mkdir -p ../web ../web/history
 cp -r image *.txt hengband.css ../web
 
-list="index web_update jlicense link download lists history score "
+list="index web_update jlicense link download lists history"
 
 for v in $list; do
        echo ${v}
@@ -17,6 +17,21 @@ for v in $list; do
         > ../web/${v}.html
 done
 
+score_list="score"
+
+for v in $score_list; do
+       echo ${v}
+       asciidoctor --no-header-footer --out-file=tmp.txt \
+               --backend=html5 -a linkcss -a stylesheet=hengband.css \
+               ${v}.adoc
+       cat scorelinks.html >> tmp.txt
+       cat template.html | sed '/<!--main contents-->/r tmp.txt' \
+        | sed '/<!--head-->/r head_score.html' \
+        | sed '/<!--header-->/r header.html' \
+        | sed '/<!--footer-->/r footer.html' \
+        > ../web/${v}.html
+done
+
 history_list="history1.0.8"
 
 for v in $history_list; do
diff --git a/src/scorelinks.html b/src/scorelinks.html
new file mode 100644 (file)
index 0000000..70eccbc
--- /dev/null
@@ -0,0 +1,20 @@
+               <h3>スコア参照先</h3>
+
+               <div class="paragraph">
+                       <p>
+                               更新情報は以下からも取得可能です。
+                       </p>
+
+                       <div class="scorelinks">
+                               <a href="/score/feed/newcome-atom.xml" class="button">
+                                       <img src="/image/feed-icon-128x128.png">
+                                       <span>RSS</span>
+                               </a>
+
+                               <a href="https://twitter.com/hengscore" class="button">
+                                       <img src="/image/Twitter_Social_Icon_Rounded_Square_Color.png">
+                                       <span>Twitter</span>
+                               </a>
+                       </div>
+               </div class="paragraph">
+