Bauke/tildes-issue-log
Bauke
/
tildes-issue-log
Archived
1
Fork 0

Mobile/responsive changes:

Added meta:viewport
Changed divs to semantic tags
Added #TOC and td style for <500px screens
This commit is contained in:
Bauke 2018-07-21 01:56:22 +02:00
parent f3ef7c0e17
commit 3385d057b8
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
6 changed files with 53 additions and 34 deletions

View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
html(lang="en") html(lang="en")
head head
meta(name="viewport", content="width=device-width, initial-scale=1.0")
title Tildes Issue Log title Tildes Issue Log
link(rel="stylesheet", href="css/common.css") link(rel="stylesheet", href="css/common.css")
link(rel="stylesheet", href="css/index.css") link(rel="stylesheet", href="css/index.css")
@ -11,17 +12,17 @@ html(lang="en")
div(id="wrapper") div(id="wrapper")
h1 Tildes Issue Log h1 Tildes Issue Log
div(id="posts") section(id="posts")
h1 Posts h1 Posts
div(class="post") article(class="post")
h2: a(href="posts/june-2018.html") June 2018 h2: a(href="posts/june-2018.html") June 2018
div(class="post") article(class="post")
h2: a(href="posts/may-2018.html") May 2018 h2: a(href="posts/may-2018.html") May 2018
div(class="post") article(class="post")
h2: a(href="posts/template.html") Post Template (for devs/writers) h2: a(href="posts/template.html") Post Template (for devs/writers)
div(id="footer") footer(id="footer")
h3: a(href="../index.html") Home h3: a(href="index.html") Home
h3: a(href="#") To Top h3: a(href="#") To Top
h3: a(href="https://tildes.net") Tildes h3: a(href="https://tildes.net") Tildes
h3 Built with h3 Built with

View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
html(lang="en") html(lang="en")
head head
meta(name="viewport", content="width=device-width, initial-scale=1.0")
title June 2018 title June 2018
link(rel="stylesheet", href="../css/common.css") link(rel="stylesheet", href="../css/common.css")
link(rel="stylesheet", href="../css/post.css") link(rel="stylesheet", href="../css/post.css")
@ -11,8 +12,8 @@ html(lang="en")
div(id="wrapper") div(id="wrapper")
h1 June 2018 h1 June 2018
div(id="post") section(id="post")
div(id="toc") article(id="toc")
h2 Table Of Contents h2 Table Of Contents
ul ul
li: a(href="#about") About li: a(href="#about") About
@ -33,11 +34,11 @@ html(lang="en")
li: a(href="#opened") Opened li: a(href="#opened") Opened
li: a(href="#closed") Closed li: a(href="#closed") Closed
div(id="about") article(id="about")
h2 About h2 About
p The Tildes Issue Log is a monthly recurring post about the changes and progression that Tildes has made. Highlighting some of the newest additions and changes, as well as a complete table of every issue opened and closed in that month, along with some interesting statistics so you can get a look into the development process and a quick grasp of anything you may have missed. p The Tildes Issue Log is a monthly recurring post about the changes and progression that Tildes has made. Highlighting some of the newest additions and changes, as well as a complete table of every issue opened and closed in that month, along with some interesting statistics so you can get a look into the development process and a quick grasp of anything you may have missed.
div(id="feedback") article(id="feedback")
h2 Feedback h2 Feedback
p If anything is incorrect or you have anything that you'd like to see changed or added please p If anything is incorrect or you have anything that you'd like to see changed or added please
| |
@ -50,7 +51,7 @@ html(lang="en")
| or comment on the posted topic on Tildes. | or comment on the posted topic on Tildes.
p If you'd like to write a highlight section or want to contribute in any other way, feel free to do so. Like Tildes, this will remain entirely open-source. p If you'd like to write a highlight section or want to contribute in any other way, feel free to do so. Like Tildes, this will remain entirely open-source.
div(id="highlights") article(id="highlights")
h2 Highlights h2 Highlights
h3(id="new-groups") New Groups h3(id="new-groups") New Groups
p The first change to Tildes in June was the addition of 5 new groups: p The first change to Tildes in June was the addition of 5 new groups:
@ -188,7 +189,7 @@ html(lang="en")
a(href="https://tildes.net/user/Bauke") Bauke a(href="https://tildes.net/user/Bauke") Bauke
p Written Date: 2018-06-24 p Written Date: 2018-06-24
div(id="statistics") article(id="statistics")
h2 Statistics h2 Statistics
p In the month of June 51 issues were opened and 19 issues were closed. p In the month of June 51 issues were opened and 19 issues were closed.
p An average of 1.70 issues were opened and 0.63 issues were closed each day. p An average of 1.70 issues were opened and 0.63 issues were closed each day.
@ -285,7 +286,7 @@ html(lang="en")
| : | :
| 5 times. | 5 times.
div(id="daily-discussions") article(id="daily-discussions")
h2 Daily Discussions h2 Daily Discussions
//- Table format should be like this: //- Table format should be like this:
table table
@ -400,7 +401,7 @@ html(lang="en")
td Allowing user to post anonymously? td Allowing user to post anonymously?
td: a(href="https://tildes.net/~tildes.official/2x3") Click td: a(href="https://tildes.net/~tildes.official/2x3") Click
div(id="issue-table") article(id="issue-table")
h2 Issue Table h2 Issue Table
h3(id="opened") Opened h3(id="opened") Opened
table table
@ -844,7 +845,7 @@ html(lang="en")
td 2018/06/13 19:34:56 td 2018/06/13 19:34:56
td 2018/06/14 09:20:19 td 2018/06/14 09:20:19
div(id="footer") footer(id="footer")
h3: a(href="../index.html") Home h3: a(href="../index.html") Home
h3: a(href="#") To Top h3: a(href="#") To Top
h3: a(href="https://tildes.net") Tildes h3: a(href="https://tildes.net") Tildes

View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
html(lang="en") html(lang="en")
head head
meta(name="viewport", content="width=device-width, initial-scale=1.0")
title May 2018 title May 2018
link(rel="stylesheet", href="../css/common.css") link(rel="stylesheet", href="../css/common.css")
link(rel="stylesheet", href="../css/post.css") link(rel="stylesheet", href="../css/post.css")
@ -11,8 +12,8 @@ html(lang="en")
div(id="wrapper") div(id="wrapper")
h1 May 2018 h1 May 2018
div(id="post") section(id="post")
div(id="toc") article(id="toc")
h2 Table Of Contents h2 Table Of Contents
ul ul
li: a(href="#about") About li: a(href="#about") About
@ -27,7 +28,7 @@ html(lang="en")
li: a(href="#opened") Opened li: a(href="#opened") Opened
li: a(href="#closed") Closed li: a(href="#closed") Closed
div(id="about") article(id="about")
h2 About h2 About
p I thought some people might be interested in seeing the progression of Tildes in a nice, digestible way. So I thought a "dev blog" of sorts would be a good way to do this. This is just a test post to see find out what you guys think about it. p I thought some people might be interested in seeing the progression of Tildes in a nice, digestible way. So I thought a "dev blog" of sorts would be a good way to do this. This is just a test post to see find out what you guys think about it.
p I'd also like to say this was entirely inspired by p I'd also like to say this was entirely inspired by
@ -41,7 +42,7 @@ html(lang="en")
| . | .
| As I love reading through those about the progress osu! is making, which is one of my favorite games. | As I love reading through those about the progress osu! is making, which is one of my favorite games.
div(id="feedback") article(id="feedback")
h2 Feedback h2 Feedback
p If anything is incorrect or you have anything that you'd like to see changed or added please p If anything is incorrect or you have anything that you'd like to see changed or added please
| |
@ -54,20 +55,20 @@ html(lang="en")
| or comment on the posted topic on Tildes. | or comment on the posted topic on Tildes.
p If you'd like to write a highlight section or want to contribute in any other way, feel free to do so. Like Tildes, this will remain entirely open-source. p If you'd like to write a highlight section or want to contribute in any other way, feel free to do so. Like Tildes, this will remain entirely open-source.
div(id="highlights") article(id="highlights")
h2 Highlights h2 Highlights
p I wasn't around in the month of May, so I wouldn't really know where to start by summarizing some highlights of what happened but for June I wouldn't mind trying to do this. This would be the most interesting part of the post and would feature some important stuff that happened and notable changes. p I wasn't around in the month of May, so I wouldn't really know where to start by summarizing some highlights of what happened but for June I wouldn't mind trying to do this. This would be the most interesting part of the post and would feature some important stuff that happened and notable changes.
div(id="statistics") article(id="statistics")
h2 Statistics h2 Statistics
p In May, a total of 91 issues were opened and 27 were closed. p In May, a total of 91 issues were opened and 27 were closed.
p I plan on adding more statistics, such as average time to close, but for now there's not much else as I just want to get this out there before I work on much more. p I plan on adding more statistics, such as average time to close, but for now there's not much else as I just want to get this out there before I work on much more.
div(id="daily-discussions") article(id="daily-discussions")
h2 Daily Discussions h2 Daily Discussions
p The Daily Discussions weren't collected for May. p The Daily Discussions weren't collected for May.
div(id="issue-table") article(id="issue-table")
h2 Issue Table h2 Issue Table
h3(id="opened") Opened h3(id="opened") Opened
table table
@ -799,7 +800,7 @@ html(lang="en")
td 2018/05/31 23:12:06 td 2018/05/31 23:12:06
td 2018/05/31 23:15:52 td 2018/05/31 23:15:52
div(id="footer") footer(id="footer")
h3: a(href="../index.html") Home h3: a(href="../index.html") Home
h3: a(href="#") To Top h3: a(href="#") To Top
h3: a(href="https://tildes.net") Tildes h3: a(href="https://tildes.net") Tildes

View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
html(lang="en") html(lang="en")
head head
meta(name="viewport", content="width=device-width, initial-scale=1.0")
title Month Year title Month Year
link(rel="stylesheet", href="../css/common.css") link(rel="stylesheet", href="../css/common.css")
link(rel="stylesheet", href="../css/post.css") link(rel="stylesheet", href="../css/post.css")
@ -11,8 +12,8 @@ html(lang="en")
div(id="wrapper") div(id="wrapper")
h1 Month Year h1 Month Year
div(id="post") section(id="post")
div(id="toc") article(id="toc")
h2 Table Of Contents h2 Table Of Contents
ul ul
li: a(href="#about") About li: a(href="#about") About
@ -30,11 +31,11 @@ html(lang="en")
li: a(href="#opened") Opened li: a(href="#opened") Opened
li: a(href="#closed") Closed li: a(href="#closed") Closed
div(id="about") article(id="about")
h2 About h2 About
p The Tildes Issue Log is a monthly recurring post about the changes and progression that Tildes has made. Highlighting some of the newest additions and changes, as well as a complete table of every issue opened and closed in that month, along with some interesting statistics so you can get a look into the development process and a quick grasp of anything you may have missed. p The Tildes Issue Log is a monthly recurring post about the changes and progression that Tildes has made. Highlighting some of the newest additions and changes, as well as a complete table of every issue opened and closed in that month, along with some interesting statistics so you can get a look into the development process and a quick grasp of anything you may have missed.
div(id="feedback") article(id="feedback")
h2 Feedback h2 Feedback
p If anything is incorrect or you have anything that you'd like to see changed or added please p If anything is incorrect or you have anything that you'd like to see changed or added please
| |
@ -47,7 +48,7 @@ html(lang="en")
| or comment on the posted topic on Tildes. | or comment on the posted topic on Tildes.
p If you'd like to write a highlight section or want to contribute in any other way, feel free to do so. Like Tildes, this will remain entirely open-source. p If you'd like to write a highlight section or want to contribute in any other way, feel free to do so. Like Tildes, this will remain entirely open-source.
div(id="highlights") article(id="highlights")
h2 Highlights h2 Highlights
//- User written highlights of what happened with development and any notable changes, if applicable. //- User written highlights of what happened with development and any notable changes, if applicable.
@ -83,12 +84,12 @@ html(lang="en")
a(href="https://tildes.net/user/Bauke") Bauke a(href="https://tildes.net/user/Bauke") Bauke
p Written Date: 2018-07-16 p Written Date: 2018-07-16
div(id="statistics") article(id="statistics")
h2 Statistics h2 Statistics
//- Any statistics that would be fun/interesting to read about, more info: issue #1 //- Any statistics that would be fun/interesting to read about, more info: issue #1
//- These are automatically generated, see the README. //- These are automatically generated, see the README.
div(id="daily-discussions") article(id="daily-discussions")
h2 Daily Discussions h2 Daily Discussions
//- Table format should be like this: //- Table format should be like this:
table table
@ -103,11 +104,11 @@ html(lang="en")
td Title of the discussion, excluding the "Daily Tildes Discussion" part. td Title of the discussion, excluding the "Daily Tildes Discussion" part.
td: a(href="https://tildes.net/~tildes.official") Click td: a(href="https://tildes.net/~tildes.official") Click
div(id="issue-table") article(id="issue-table")
h2 Issue Table h2 Issue Table
//- These are automatically generated, see the README. //- These are automatically generated, see the README.
div(id="footer") footer(id="footer")
h3: a(href="../index.html") Home h3: a(href="../index.html") Home
h3: a(href="#") To Top h3: a(href="#") To Top
h3: a(href="https://tildes.net") Tildes h3: a(href="https://tildes.net") Tildes

View File

@ -1,3 +1,16 @@
@media screen and (max-width: 1350px) @media screen and (max-width: 1350px)
#wrapper #wrapper
width: 95vw width: 95vw
@media screen and (max-width: 500px)
#post > #toc
float: none
margin: 0
width: auto
background-color: rgba(0, 0, 0, 0.25)
td
overflow: scroll
white-space: nowrap
text-overflow: clip
max-width: 20px

View File

@ -41,7 +41,7 @@
padding-right: 0.5em padding-right: 0.5em
padding-left: 0.5em padding-left: 0.5em
> div:not(#toc) > *:not(#toc)
padding: 1em 1em padding: 1em 1em
background-color: rgba(0, 0, 0, 0.25) background-color: rgba(0, 0, 0, 0.25)
@ -122,3 +122,5 @@
&:nth-child(odd) > td &:nth-child(odd) > td
background-color: $background background-color: $background
@import '_responsive.sass'