Timeline - a responsive, mobile first theme

Skinning and designing Serendipity (CSS, HTML, Smarty)
User avatar
u1amo01
Regular
Posts: 265
Joined: Fri Sep 28, 2007 3:55 pm
Location: Kurpfalz, Germany
Contact:

Re: Timeline - a responsive, mobile first theme

Post by u1amo01 » Tue Apr 19, 2016 9:37 am

Thank you :-)

User avatar
Don Chambers
Regular
Posts: 3587
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Timeline - a responsive, mobile first theme

Post by Don Chambers » Thu Apr 21, 2016 3:47 am

Zipfile updated.

User avatar
u1amo01
Regular
Posts: 265
Joined: Fri Sep 28, 2007 3:55 pm
Location: Kurpfalz, Germany
Contact:

Re: Timeline - a responsive, mobile first theme

Post by u1amo01 » Sat Apr 23, 2016 7:56 pm

I have a strange thing; not sure if it has to do something with the Timeline theme ...

After some days with Timeline I tried to switch back to 2k11. Didn't work. Firefox showed a blank page instead of the blog, Google Chrome "Error 500". With the themes Timeline and Clean Blog the blogs look fine, after some tests it looks like all other themes don't work.

Very strange.

I inactivated all plugins and activated them one after the other. Looks like the problem has to do with the freetag-plugin. With it 2k11 doesn't work, without everything is fine.

Any ideas what's going wrong? I'm confused :-/

Problem solved: In the Readme file of Timeline is written "... The show tagged entries plugin must be installed ... and the sidebar template option must be set to "archive_freetag.tpl" ...

After removing this everything looks allright. Stupid me.

User avatar
yellowled
Regular
Posts: 6909
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: Timeline - a responsive, mobile first theme

Post by yellowled » Fri Jun 10, 2016 11:04 am

Yo, tiny bug: because headings are rather large, even on small screens, long words can break the layout. Especially true for the entry titles. You might want to consider adding something like

Code: Select all

.blogstyle-post-body h2 {
    overflow: hidden;
}
(See Mario's new https://abouts9y.org for an example, title of the latest post on 320 width.)

YL
amazon Wishlist - Serendipity-Podcast (German only, sorry)

User avatar
Don Chambers
Regular
Posts: 3587
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Timeline - a responsive, mobile first theme

Post by Don Chambers » Sat Jun 11, 2016 5:19 am

Thanks. Will modify that, and a few other issues, after the weekend.

User avatar
yellowled
Regular
Posts: 6909
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: Timeline - a responsive, mobile first theme

Post by yellowled » Sun Jun 12, 2016 1:09 pm

Fixed my example CSS above, copy & paste error.

YL
amazon Wishlist - Serendipity-Podcast (German only, sorry)

User avatar
Don Chambers
Regular
Posts: 3587
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Timeline - a responsive, mobile first theme

Post by Don Chambers » Mon Jun 13, 2016 3:34 pm

yellowled wrote:Fixed my example CSS above, copy & paste error.

YL
No worries... :wink:

User avatar
onli
Regular
Posts: 2115
Joined: Tue Sep 09, 2008 10:04 pm
Contact:

Re: Timeline - a responsive, mobile first theme

Post by onli » Mon Jul 04, 2016 12:58 am

Are there any objections to marking this as a recommended theme?

User avatar
yellowled
Regular
Posts: 6909
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: Timeline - a responsive, mobile first theme

Post by yellowled » Mon Jul 04, 2016 11:06 am

onli wrote:Are there any objections to marking this as a recommended theme?
Should be recommended by all means.

YL
amazon Wishlist - Serendipity-Podcast (German only, sorry)


Huhu
Regular
Posts: 83
Joined: Tue Oct 04, 2011 3:22 pm

Re: Timeline - a responsive, mobile first theme

Post by Huhu » Wed Jun 20, 2018 7:56 pm

Don, thanks for the great work. A really fine theme, nice to configure overall and a beauty with responsive included :)

A small thing: The small top left post-info image on the post's detail page has no class assigned. One would be nice so that it can be resized or set to display:none if it is in the way of the article view.

Then, another thing: Not sure it has something to do with the theme itself, yet I encountered the following problems first time with timeline; it worked fine with other themes:
Using index.html as cover page instead index.php?
Fan of post-apocalyptic Jugger: Free ebook on the sport

User avatar
Don Chambers
Regular
Posts: 3587
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Timeline - a responsive, mobile first theme

Post by Don Chambers » Thu Jun 21, 2018 1:53 am

Huhu wrote:
Wed Jun 20, 2018 7:56 pm
A small thing: The small top left post-info image on the post's detail page has no class assigned. One would be nice so that it can be resized or set to display:none if it is in the way of the article view.
Which view specifically?
Huhu wrote:
Wed Jun 20, 2018 7:56 pm
Then, another thing: Not sure it has something to do with the theme itself, yet I encountered the following problems first time with timeline; it worked fine with other themes:
Using index.html as cover page instead index.php?
This could be a view type detection in the theme.... do you have the timeline theme installed where I can test it?

Huhu
Regular
Posts: 83
Joined: Tue Oct 04, 2011 3:22 pm

Re: Timeline - a responsive, mobile first theme

Post by Huhu » Thu Jun 21, 2018 9:24 am

Don Chambers wrote:
Thu Jun 21, 2018 1:53 am
Which view specifically?
Here we go:
https://pasteboard.co/HqSVYOk.jpg
Live in the blog here.
Don Chambers wrote:
Thu Jun 21, 2018 1:53 am
This could be a view type detection in the theme.... do you have the timeline theme installed where I can test it?
---Sure, i can create a test account and send you the details. "Raw" it is here. The landing page in question would be here, though it throws a 404 (probably Rewrite-wise).
Interestingly, the static 404 page assigned does not show up, just the theme standard 404 (separate issue).
I am encountering some Permalink problems (assigned custom permalink through backend) overall.---

Thanks for your dedication, I appreciate that a lot!


EDIT the 403 was solved by the provider, as it seems.
Furthermore:
- I got the DirectoryIndex working with an index.html file instead of the index.php by commenting out

Code: Select all

# RewriteRule ^index\.(html?|php.+) index.php?url=index.html [L,QSA]
# RewriteRule (.*\.html?) index.php?url=/$1 [L,QSA][/quote]
It currently does not *seem* to have bigger impact on the overall behaviour.

- The 404 error document request works now with an assigned Static Page after changing it to

Code: Select all

ErrorDocument 404 /(s9y_dir)/index.php
Fan of post-apocalyptic Jugger: Free ebook on the sport

User avatar
Don Chambers
Regular
Posts: 3587
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Timeline - a responsive, mobile first theme

Post by Don Chambers » Fri Jun 22, 2018 1:36 am

I will look into this in the next few days. Thanks for the very helpful info you provided via PM.

User avatar
Don Chambers
Regular
Posts: 3587
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Timeline - a responsive, mobile first theme

Post by Don Chambers » Fri Jun 22, 2018 9:44 pm

Huhu wrote:
Wed Jun 20, 2018 7:56 pm
A small thing: The small top left post-info image on the post's detail page has no class assigned. One would be nice so that it can be resized or set to display:none if it is in the way of the article view.
I looked at the theme's template files. On a detailed page view (ie, the full entry page view), the theme assigns one of two classes as follows: If your entry image is greater than 800 px wide, it assigns the class "image-full-width". Otherwise your image is assigned the class "serendipity_image_left". I can add a second class that will be constant regardless of image width. I will review all of the theme's template files and determine if additional classes would be helpful elsewhere.

The theme was designed to work best with images 1200px wide (or greater). The theme uses responsive sizing so a single entry image will be resized by the theme and a visitor's browser depending on which page the visitor is viewing.

Post Reply