Textpattern CMS

#1 Today 05:41:17

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,330

Website GitHub Mastodon Twitter

updated NeMe

Firstly big thanks to all the people who offered their advice and pointers.

Although you may not notice any difference, especially if you are visiting NeMe with your cache, this was a major update which saves over 1Mb for each page load. As some of you may have noticed, I’m digging into php and js with various successes but also complete failures.

The latest update gets rid of jquery and the responsive slides plugin, and replaces them with a vanilla js I have authored and a few lines of css.

In my setup everything behaves as intended on large screens but do let me know if you think that I broke the internet again.

Issues

1. I hope that my css for backward compatibility of the aspect-ratio style works. I have no way of checking it.
2. I have no idea why the slide shows do not load on mobile devices and on smaller width browsers as it is working just fine in my minimal test.

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#2 Today 07:40:45

phiw13

Plugin Author

From: South-Western Japan

Registered: 2004-02-27

Posts: 3,511

Website

Re: updated NeMe

For your slideshow on small screens, 3 issues

• .grid_18.slides { display: block} – it is currently set to inline, in default.css, line 48
• .container_24 .grid_18 { width: 74%; } – not sure that is intended for that slideshow (.default.css), on small screens. there is another selector that set this to width:100% but is overriden by the above?
• the li also has a left margin perhaps ul.carousel li { margin-left: 0;}

Your front page otherwise works well on my luddite iPhone (iOS 15).

---

Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg

#3 Today 07:58:48

Pat64

Plugin Author

From: France

Registered: 2005-12-12

Posts: 1,667

GitHub Twitter

Re: updated NeMe

@Yiannis

On your home page, you can safely compress your little script (with the help of this tool: https://www.digitalocean.com/community/tools/minify):

<script>document.addEventListener("DOMContentLoaded",(function(){document.body.className=document.body.className.replace(/\bno-js\b/,"js")}));</script>

Therefore, you will be able to remove “script” from the protected tags functionality when using pat_speeder without any problem. ;)

Here is your Google Page Speed Insights results: https://pagespeed.web.dev/analysis/https-www-neme-org/db0k2q24n9

Last edited by Pat64 (Today 08:05:40)

---

Patrick.

Github | CodePen | Codier | Simplr theme | Wait Me: a maintenance theme | [\a mi.ni.ma]: a “Low Tech” simple Blog theme.

#4 Today 08:24:40

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,330

Website GitHub Mastodon Twitter

Re: updated NeMe

Thanks so much Patrick and Philippe.

It seems that I’m 90% there although I’m yet to load the slide show in mobile safari and ff which is possibly a cache issue. I have temporarily changed the expiring time in my htaccess to 1 second but no luck yet. It works just fine in mobile onion browser.

The only issue left is with the slideshow in the home page.

The css as Philippe has noticed, gives the .grid_18 class a 74% width, but further down I have another rule under media screen and (max-width: 960px) which states that .slides{float:none;width:96%;clear:both; margin:auto} but it just doesn’t behave. Any ideas?

Solved!

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.