Compare commits

..

No commits in common. "2e73a45c60da57d8e681ed741bc470c1cc2cb121" and "6e30f8c2e957c1e2d8196396a115df2ce1641b1f" have entirely different histories.

4 changed files with 3 additions and 134 deletions

23
TODO.md
View File

@ -1,23 +0,0 @@
# TODO
* rewrite 'about me' to make more interesting.
* about me - have all the bolded things be links to articles in my blog
e.g., for **SEO** just do some shit like benefits of seo and that
When enough content done:
* google analytics
Consider google analytics on gitea site too.
* comments functionality
## FlowMM
extended future version:
stuff learned during project
stuff I would do different if starting again.
* the hero - definitely would use SVG clip paths instead.
* login form - have on own page, not just a modal.

View File

@ -1,70 +0,0 @@
+++
draft = true
date = 2020-02-19T21:30:06Z
title = "Bootstrap vs. Tailwind"
description = ""
slug = "bootstrap-tailwind"
categories = []
tags = ["Bootstrap", "Tailwind", "CSS"]
series = []
+++
## what they are?
tailwind - utility first css framework
utility first - no automatically styled components
- gives utility classes that help with styling, allows to build classes
- basically just bunch of predefined css utility classes
- creating a project that has a custom look without writing any css.
bootstrap - UI kit framework - has a default theme and a number of design decisions.
popularity of both - bootstrap most popular and first, tailwind new and upcoming.
## my experiences with both of them.
what i like about both.
tailwind - flexibility - modules - can remoe unused modules(?)
e.g., reducing amount of screen sizes used in responsive qureies and only keeping those needed - 5 screens
(36.4kb) to 2 (15.4kb) [source](https://blog.logrocket.com/tailwind-css-is-it-tomorrows-bootstrap-ebe560f9d00b/)
can also use purgecss to remove unused
helps with a lot of little thigs like margins, paddings, etc
bootstrap - better for layouts, has a good grid/flex system for layouts.
recent versions also contains utility classes
- also has components containing javascript
tailwind - people complain about larger filesize (36.4kb?) vs bootstrap (22.1kb? - is this without js tho?)
- is this true? does this include all of bootstrap (js, everything???)
- look into properly
## what i don't like about both of them.
bootstrap - sites always look same, even with diffeent colour schemes
tailwind - doesn't really push sites rto looking same?
bootstrap - big changes to layout mean a lot of changes to code and a battle - tbf this is not what bootstrap is designed for - designed to get UI up and running quickly
tailwind - amount of classes added to markup - very noisy
same problem as with atomic css(which is based on?) - getting close to just applying styles inline(what is term for using style tags - it's not inline)
- @apply does help tho
## which i prefer and why.
like tailwind for sites where theme is important and I don't want to fight to override styles set by the framework to make it look unique.
like bootstrap for sites where theme is not important - just want a nice looking, fully functional theme set up quickly. usually personal projects that aren't meant for public.
actually prefer not to use either - only like to use them on projects where it's not desirable/practicak to be
spending any time at all on styling - bootstrap probably better in this regard, but prefer customisability of
tailwind
really like about tailwind (both of them?) - don't need to think up names for css classes!
## the future of both of them.
tailwind comes with laravel(?)
## Example of both
have a nice little card thing styled purely with bootstrap, and the same styled with tailwind.
talk about how long it took for each and the results.
maybe have one with default styling from framework, and then another with some customised bits.

View File

@ -1,38 +0,0 @@
+++
draft = true
date = 2020-02-15T12:11:43Z
title = "Building a Blog with Hugo"
slug = "my-hugo-blog"
description = ""
tags = ["Hugo"]
categories = ["Blog"]
series = []
+++
wanted to build a blog.
decided on hugo.
why?
customisation
dark mode -- persistence
material icons, not fontawesome - fontawesome bloated,
unfortunately no social icons
require only a few icons so decided to use svg and partial templates
this does duplicate the code (the rendered code, not the source code - duplication of code is bad in source code) but because of the size of them think this is worth it
adds a little to size of page - but don't need to load fontawesome file (although probably cached when using cdn)
could have used them as regular assets and included in img tag but why didn't I?
challenges
not knowing Go
solution - learn go in y minutes
looks an interesting language - would like to learn more when got enough time
impressions of hugo
fast
sometimes forget just how fast static sites are
the future
add comments - don't like sound of disquss
consider adding google analytics
conflicted about google

View File

@ -4,8 +4,8 @@ date = 2020-02-15T12:02:17Z
title = "My First WordpPress Site" title = "My First WordpPress Site"
description = "" description = ""
slug = "" slug = ""
tags = ["WordPress"] tags = []
categories = [""] categories = ["WordPress"]
externalLink = "" externalLink = ""
series = [] series = []
+++ +++
@ -14,4 +14,4 @@ My first ever WordPress site.
A made up brewery called **MacFarley's**. A made up brewery called **MacFarley's**.
So many things I would do different now -- **#whatwasidoing**, **#dontgiveupthedayjob** So many things I would do different now!