Skip to content

Project Index

Subscribe via RSS

  • in Web

Cloudflare Nonsense

I help admin a group of sites for a local charity, and for some stupid reason, the web host charges for SSL certificates.

Anywho, redirecting the nameservers from the website to let cloudflare do its thing (and use its functons) gives it a free SSL certificate, but, I had one more issue, github pages.

Using the documentation that I found a little hard to understand and some other research, I ended up on using these 4 DNS record edits:

Preview

Using the A records from the github pages documentation
Also, making sure theres a www set in CNAME too

I'm still not sure how it works but still, plus disabling the proxy feature for the records I think were a important part of the whole thing, but no idea.

But most importantly, this also enables the SSL feature that github uses too. And with the Cloudflare SSL settings left on auto (which scans the domain to make sure its ok) has managed to get it all to work, finally!

Note

DNS and other web nonsense takes time for it to all process and cache properly, if setting the DNS records isnt changing, then just wait 30 mins or so and try again

Good luck!

  • in Web

Coming Soon Template Pt2. Completed!

I've finished the extra pieces I wanted to add to this little project, including a extra block; 

1
<extra>Return to <a href="http://warmolabs.tf">warmolabs.tf</a></extra>

Also adding the positioning/sizing in the css file, including colour codes for the website links

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
 extra {
  position: absolute;
  bottom: 1%;
  text-align: left;
  margin-left: 2%;
  color: white;
  font-family: 'Oxanium';
  font-weight: 300;
  font-size: 4vw;
}

Preview

Example Here

  • in Web

Coming Soon Template

I tasked myself with making a quick coming soon message, incase a new domain is bought and nothing is connected up to it (wordpress etc)
I made it nice and simple, only using 3 files:

I've never made a "responsive" site so I used this as a test so it can work on any device and keeping the text aligned centered and in the centre of the screen. To increase speed, I also saved the font file to the same place, instead of it dowloading from google's system (This also fixed a issue of the text changing during load)

Preview

Example Here


Github Repo Link Including template download

To do...

  • Add small text block at bottom-left of the screen for extra information (email/link)