995b6d04ff13003085602946edaee5eac5d47100
continuous-integration/drone/push Build is passing
Additional fixes for narrow screens.
This time: both /blog and /managed had issues with horizontal overflow.
The content was being displayed as wider-than-the-screen,
and phone users had to pinch the phone to zoom out to see everything.
Now, everything renders within the original width of the screen.
1. Locked the maximum content width to 100% of viewport width.
This prevents the entries in /blog from being cropped on phone
screens.
2. Allowed wordbreaks to fix one entry in /blog (which contains the long
phrase: `$geographic_location_appropriate_temperature`)
3. As a final backup, added a horizontal scroll to any page content which
cannot be made narrower. This fixes the table in /managed, allowing
phone users to scroll left/right to see contact details.
NB: I think the table in /managed might look nicer, and wrap better,
as something other than a table. But I don't have a better idea yet.
NB2: This commit breaks the workaround for phones earlier, of zooming
out to see the whole table.
coopcloud.tech
Splash page for the project.
Hack
You'll need to get the latest extended Hugo release. See the Github releases.
$ hugo server
Deploy me manually to the prod site
Need to have a docker context that points to swarm-0.coopcloud.tech.
To have permissions to push the image, need to use docker login using your Gitea credentials
docker build -t git.coopcloud.tech/toolshed/coopcloud.tech .
docker push git.coopcloud.tech/toolshed/coopcloud.tech
DOCKER_CONTEXT=swarm-0.coopcloud.tech docker stack deploy -c compose.yml coop_cloud_site
The site should auto-deploy though over here.
Languages
HTML
70.7%
CSS
18.2%
Sass
10.4%
SCSS
0.6%