maidbloke, a responsive blog

Post links to sites running CMS in all its glory.
Locked
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1439
Joined: Sat Apr 18, 2009 10:09 pm
Location: Maidenhead, UK
Contact:

maidbloke, a responsive blog

Post by paulbaker »

My own personal blog covering techy things, family and thoughts on news events, etc.

http://www.maidbloke.co.uk/

It ran on Wordpress for a few years. I have transferred it over to CMSMS and implemented a new design. To transfer the content I used CG_WP2CGBlog - WordPress to CGBlog converter - which worked pretty well and saved manually copying all the content over.

The site is fully responsive and works really well on small screens. The visual design was inspired by the look of a free template. I built the site using the Bootstrap framework.

It runs on CMSMS 2.1.2.

It uses CGBlog for the main blogging section and a couple of normal Pages for the About and Contact pages.

It uses FormBuilder for the simple contact form.

CGTweet is used to display the latest few Twitter tweets in the footer.
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm
Location: Fernie British Columbia, Canada

Re: maidbloke, a responsive blog

Post by calguy1000 »

Nice work!
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1439
Joined: Sat Apr 18, 2009 10:09 pm
Location: Maidenhead, UK
Contact:

Re: maidbloke, a responsive blog

Post by paulbaker »

Thank you Robert :D
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
DragonWebEU
Forum Members
Forum Members
Posts: 14
Joined: Wed Jun 05, 2013 8:19 pm
Location: Estonia

Re: maidbloke, a responsive blog

Post by DragonWebEU »

Nice example of CMSMS running as blog and template looks good.

http://www.maidbloke.co.uk/2015/01/qata ... ow-airport

No module for pictures? http://www.maidbloke.co.uk/2015/01/qata ... ow-airport

Code: Select all

<img alt="" src="uploads/cgblogtransfer/2015/01/IMG_5164.jpg" title="Approaching over trees of Myrtle Avenue">
</p>
<p class="caption">Approaching over trees of Myrtle Avenue</p>
or you use UDT?

Never liked default > design on cmsms blog/news :D (Page 1 of 3 > >>)

Security wise, did you add this/it(enter English please meme here :D). or it is default on server?

Code: Select all

X-Frame-Options: SAMEORIGIN
You should add

Code: Select all

Header set X-XSS-Protection: 1; mode=block
Look good on Android phone, but you should add this http://foundation.zurb.com/sites/docs/flex-video.html
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1439
Joined: Sat Apr 18, 2009 10:09 pm
Location: Maidenhead, UK
Contact:

Re: maidbloke, a responsive blog

Post by paulbaker »

Thanks for the tips DragonWebEU.

Those images were added in the WYSIWYG, just imported as it was from the original Wordpress version of this blog.
DragonWebEU wrote:Security wise, did you add this
This is default code in V2 .htaccess file, here is the relevant section:

Code: Select all

# The following are performance optimizations and security enhancements for content that is served by your CMSMS installation.
#
<IfModule mod_headers.c>
        # Disable Last-Modified for performance
        Header unset Last-Modified
	# Disable ETags
	Header unset ETag
	FileEtag None
	# For Security
	Header set X-Frame-Options "SAMEORIGIN"
</IfModule>
Yes the videos are not (yet) responsive. But as both the website developer and the client, I decided I could live with that, for now. ;D
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
User avatar
PinkElephant
Forum Members
Forum Members
Posts: 154
Joined: Fri Feb 06, 2009 2:08 pm

Re: How to embed Twitter Timeline

Post by PinkElephant »

Hi Paul
Apologies for taking this off-topic -- I wanted to post at maidbloke, a responsive blog but the topic is locked.

Great site and thanks for sharing. I hope you don't mind me mentioning a couple of minor things...

Firefox source-view is high-lighting an unmatched </p>:

Code: Select all

<!-- End CGBlog Display Template --></p>
The main banner graphic is 909 KB but can be losslessly reduced to 827 using the likes of FileOptimizer - a Windows based wrapper for multiple compression utils. Or, going lossy, JpegMini can produce something imperceptibly different at 561 KB (537 after FileOptimizer). I'd take care with JpegMini because I've seen serious artefacts on rare occasions but on the plus side it normally produces massive savings with insignificant loss.
User avatar
paulbaker
Dev Team Member
Dev Team Member
Posts: 1439
Joined: Sat Apr 18, 2009 10:09 pm
Location: Maidenhead, UK
Contact:

Re: maidbloke, a responsive blog

Post by paulbaker »

@PinkElephant I reopened this topic and moved your comment here.

Yes you're right about both things. I normally use tinypng.com for image compression at the moment. Since I am developer and client for this particular site, I'll live with it. ;)
To copy System Information to the forum:
https://docs.cmsmadesimple.org/troubles ... nformation

CMS Made Simple Geekmoots attended:
Nottingham, UK 2012 | Ghent, Belgium 2015 | Leicester, UK 2016
Locked

Return to “CMS Show Off”