tpr

Text vs number: I would prefer both, with the same markup. Perhaps an additional class could be added to simplify things, if needed. Do markers have links atm?

I can help in css but only about a week later, if all goes well.

Put it in a repeater

Do you compare two objects in your code somewhere? That can lead to such error.

Yes it is.

It's on its way, in a form of a site profile. I wanted to start it in these days but got some hardware issues to solve first.

Thanks, I will check that.

Thanks, I will check when my computer comes to life again

How about sort pages by date (in the main query), and echo month name if it's different from the previous?

I'm glad that helped. Fortunately I tried that first so I guess I saved myself some time.

@heldercervantes Your bubbles are only designed to hold 1 character, isn't that too limiting?

I wrote about my gulp experience here: https://processwire.com/talk/topic/10101-grunt-gulp-something-else/?p=107725 I'm using PhpStorm and it has a feature to autostart certain tasks. I set it to load "watch" so starting up the IDE automatically loads all the tasks I need during development. I'm not fan of installing softwares system-wide (being a portable application fan), so I figured out how to use Node without globally installing it. My npm modules are on a non-system partition D:\, and I symlink them in my projects. Imo web development is complex enough to use helpers like gulp to make things simpler. It has a small learning curve but then it saves a lot of time.

Here is the callout style for starting point: http://codepen.io/rolandtoth/pen/obzNom?editors=110/left/ To get the white border, two pseudo elements are used. The ":before" is for the border for the arrow. The "points" are only to show the original points, so that markers are positioned to point exactly to their position. Edit: semantic is using a rectangle rotated in 45 degrees for the arrow. Let me know if you think that would be better.

That should not change, but markers will go up a bit, if arrows will point downwards. That should not change, but markers will go up a bit, if arrows will point downwards.

1: Possible, search for CSS arrows or wait until I get to my lappy 2: You're the boss

This is a reworked website of Imre Baksa, a Hungarian actor and director. His former (static) website was also made by me back in around 2009. He asked me to do a redesign but I decided to involve ProcessWire to make content management easier. http://baksaimre.hu/ Lesson 1: templates - no thanks It is tempting to use ready-made templates for a project because most of the work is done, there's some tweaking here and there and mission completed. Okay, this is the theory. I have to admit that I have never found a suitable template/theme for my projects, but being a web designer this is the way it should be, I guess. This time I found one that looked fine: Landed from HTML5 UP. In fact there was a self-made design for the site and this template looked 90% similar, so it really seemed to be an easy task to bring it into ProcessWire. Soon turned out that some of the fancy features of the template required advanced JavaScript knowledge. That means, I had to dive into it and learn how it worked. I did so and I was able to tweak things then, but I wasn't satisfied with the outcome. So I went back to the drawing board and dropped the template. This experience reassured that starting from scratch would have been a better choice on the long run. The good thing is that I learned some new things that will come in handy in the future. Lesson 2: template engines - Latte is still my best friend I was using Nette's templating engine, Latte in previous projects and I liked it a lot. It is similar to Twig, which is more widespread, so I decided to try that for learning purposes. This sounded like an easy journey because ProcessWire supports Twig through modules. However, at the end of the day I sort of regretted that. Latte has some small helper features that makes templating easier, and these differences made up a huge difference. Maybe I'm getting old but I felt Twig more of a nuissance after Latte. Finally I got rid of Twig and I guess I will never look back I will keep using Latte in the future even if I have to bootstrap it manually. Lesson 3: frontend development is hard Having ProcessWire at hand, backend is the minor part in web development, at least in smaller projects. I've used only a few jQuery plugins but making them work together nicely was a real challenge. At the end I had to make a compromise by removing SmoothScroll because it didn't work well with JScrollPane. Even so, I had tough times to eliminate content "jumps" when a lightbox is opened, and to make JScrollPane work the way I wanted to work. Making the whole thing responsive added another level of complexity as features needed to be destroyed/reinitialized on different screen sizes. I like to polish things as much as possible but the current state of the web makes it almost impossible to reach certain level of perfection. Moduling up This was the project where I felt that a link checker button would be helpful so started to develop InputfieldURLChecker. I use this in a few projects and it does the job nicely. My other pet PW module FEEL also got some polish during site development. For site-wide settings I used MultiValueTextformatter so I didn't need to create a field for every setting, just one for all. Other modules used: SEO: must have! Admin Template Columns for better admin layout Page List Image Label: to add featured image to the list of pages in the admin Pageimage Remove Variations: remove unused image variations Forms: one step closer to simpler form processing For the contact form I used Nette Forms, because it is so easy to add forms to the site with it, with frontend & backend validation in one go. Processing them still needs some sweat, but this time I finally put together a class to make this easier. Surely it still needs some iterations but it's a huge help: it takes only a few parameters to save submissions as Pages or send email to the admin or the visitor. For email templates I also used Latte (what else? ). I also created a "json_storage" field to store submission. The beauty is that while it's only one field (a textarea), in the admin it is displayed as formatted key-value pairs using a hook. Summary The site looks fresh and the year knob on the left makes it fun to use. Content management is easy as 1-2-3 thanks to ProcessWire, even if it's mostly me who will deal with the updates. While it's not visible on the site, in the background there are many improvements to my development tools and workflow that will be of huge help in the future.

Yes it's pretty annoying. I will remember not to design such things if possible

Markers seem OK to me. Perhaps it would be wise to change them to rectangles with arrows pointing down (gmap-style, or speech rectangle style), to eliminate styling issues. And this would allow more precise positioning imo. Hiding all and make one visible only if clicking on its marker? Plus optionally allow the user the view all, with a button for example. Or setting a max-height on the table and make it scrollable. But maybe others came up with a better idea.

I updated the codepen example above to allow 3 digit markers. Perhaps it's not the best way of doing I think it will do.

Have you tried querying the $page in other ways? E.g. $slidesPage = wire('pages')->find(...). I'm not sure if this makes any sense but I'm left out of ideas

I see, this didn't came up in Chrome. This seems to fix it: - figure: add display: inline-block; - figcaption: add width: 100%; Edit: Unfortunately this breaks Chrome... I guess you should add new styles using media queries.

It's the home page itself but I guess it's active, otherwise you would get more errors. Would it be hard to replace the repeater with pagetable?

Just tried and the image scales just right because of the max-width: 100%.

I'm no server guru so I can only recommend trying out different PHP settings, see https://processwire.com/talk/topic/2190-max-file-size-for-uploading-a-file/ https://processwire.com/talk/topic/4031-maximum-nesting-level-reached-at-each-edit-in-backend/ Have you tried disabling the cache entirely? Additionally, are you sure there's no other cache besides PW's? I guess you have made sure the slides in other languages are Active (I suggested that in the corresponding topic you linked). I think the migration was OK so I currently have no other idea what can be wrong.

I have to re-write a half-ready WP site so I will make a simple skeleton for the site profile.