Page 1 of 1

maidbloke, a responsive blog

Posted: Mon Mar 21, 2016 1:39 am
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.

Re: maidbloke, a responsive blog

Posted: Mon Mar 21, 2016 1:56 am
by calguy1000
Nice work!

Re: maidbloke, a responsive blog

Posted: Thu Mar 24, 2016 5:43 pm
by paulbaker
Thank you Robert :D

Re: maidbloke, a responsive blog

Posted: Thu Mar 31, 2016 12:51 pm
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

Re: maidbloke, a responsive blog

Posted: Tue Apr 12, 2016 2:03 am
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

Re: How to embed Twitter Timeline

Posted: Wed Sep 27, 2017 2:38 pm
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.

Re: maidbloke, a responsive blog

Posted: Tue Oct 03, 2017 10:59 pm
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. ;)