The current website is not really attractive and doesn't give a professional look to the event.
So I tried creating a new look for it: https://irl.carlschwan.eu/2020/ this was done in a bit more than 1 hour and need more work. But I want to know if this is a good direction and the change will be accepted before investing more time converting all the old Akademy pages and polishing the 2020 content. A repo was created here: https://invent.kde.org/carlschwan/akademy-kde-org with the WIP website.
| Status | Assigned | Task | ||
|---|---|---|---|---|
| Resolved | allyson | T13084 Akademy 2020: Promo | ||
| Resolved | allyson | T13095 Akademy 2020: Website |
Yes we are keen to improve the theming of the Akademy website
To enable us to move from the current neverland theme which was modified to support the menu system we use we have been trying to get someone to help by solving T9537 as once that is done it should be more straight forward to add that support to a new theme so that we can change
I'm not sure that is the problem with T9537 the code for the menu can be found in these three functions:
This is the called from here: https://invent.kde.org/carlschwan/neverland/-/blob/master/themes/drupal7/templates/page.tpl.php#L37
There was an attempt to build an aether drupal theme: https://invent.kde.org/websites/aether-drupal7 and with a preview version of the Akademy website here: https://akademy-dev.kde.org/.
I was hit by a limitation in drupal:
Just as an example this is how a modern templating engine would solve the problem: https://invent.kde.org/carlschwan/akademy-kde-org/-/blob/master/layouts/partials/navbar_nav.html
I found another problem porting my design to drupal:
When I add the following html text in the editor:
<section class="section-blue" id="plasma">
<div id="top-section" class="container text-center">
<h1 id="plasma-title">Akademy 2020</h1>
<h2>4-11 September 2020, Online</h2>
<img class="img-fluid" src="https://irl.carlschwan.eu/2020/collage_logo.jpg" alt="Akademy participants" loading="lazy" width="3200" height="1080">
</div>
<div class="container mt-5">
<p>The conference is expected to draw hundreds of attendees from the global KDE Community. Participants will showcase, discuss and plan the future of the Community and its technology. Members from the broader Free and Open Source Software community, local organizations and software companies will also attend.</p>
<a href="cfp" class="learn-more button mb-3">Call for Participation</a>
</div>
</section>I get
<p></p><section class="section-blue" id="plasma"></section><p></p> <div id="top-section" class="container text-center"> <h1 id="plasma-title">Akademy 2020</h1> <h2>4-11 September 2020, Online</h2> <p> <img class="img-fluid" src="https://irl.carlschwan.eu/2020/collage_logo.jpg" alt="Akademy participants" loading="lazy" width="3200" height="1080"> </p></div> <div class="container mt-5"> <p>The conference is expected to draw hundreds of attendees from the global KDE Community. Participants will showcase, discuss and plan the future of the Community and its technology. Members from the broader Free and Open Source Software community, local organizations and software companies will also attend.</p> <p> <a href="cfp" class="learn-more button mb-3">Call for Participation</a> </p></div> <p></p> </div>
It looks like drupal is adding a bunch of <p> where it shouldn't add them even though I specified the input has HTML. So with the same CSS code, I get https://akademy-dev.kde.org/ instead of https://irl.carlschwan.eu/2020/. Any idea how to resolve this? Is there a way to create page specific layout, where I could add the html for the homepage without completely break the layout for the other page?
I looked a bit on the internet and it looks like Drupal doesn't support any complex layout without using an extension which was last updated in 2008 or using the Layout Builder Module from Drupal 8. so instead of adding colors I tried to simplify the layout. I removed the colors and things like the link to the call for participation are not centered and the result can be found here: https://akademy-dev.kde.org/.
How should we proceed to update akademy.kde.org?
The theme currently on https://akademy-dev.kde.org/ is your modified version of the drupal bootstrap theme?
Can we get aether-drupal7 theme installed in akademy's drupal?
That seems like the first stage to checking for issues by allowing us to change our personal theme to it, not the public one yet
One features I really like from neverland is being able to use the bootstrap icons in the menus, that doesn't seem to be possible so far here?
The theme should already be available to all Drupal 7 instance and is deployed automatically: https://invent.kde.org/sysadmin/binary-factory-tooling/-/blob/master/staticweb/custom-jobs.json#L102
Edit: it is called Bootstrap theme and i'm not sure you can change a personal theme in drupal
Looking good but there are a few issues i've noticed:
Footer: is it intentional that it appears to require a block in the footer section to display its footer stuff even though its footer isn't defined in the actual footer block? Disabling akademy footer block in aether theme blocks makes the aether footer go away as well as the content of the akademy footer block
External tracking: The theme is configured to use an external CDN, jsDelivr, for some stuff which exposes visitors to tracking. I'm not sure if it is actually doing that? If not that should probably be unticked, however if it is this needs changed over to use KDE CDNs
Akademy location/date: The recently added Akademy date/location info on akademy-dev.ko doesn't seem to be deployed on akademy.ko? These are based on the -dev view
Admin: when doing administration the theme isn't great (minor)
Non-leading question: Are any of these severe blockers or do you think it would be possible to move ahead with the theme change and then work on the resolving these issues?
The tracking issue is a blocker
With the exception of the sub points on the date/location these will just take a couple of minutes for Carl to check
I'm not sure I understand the issue with the CDN. This looks correct:
I also fixed the footer issue. The akademy date is hardcoded in the theme and can be enabled in the theme option (container setting) (disabled by default).
The admin interface is not perfect because I'm basing this theme on a bootstrap 3 theme and I don't have the time and motivation to port it to bootstrap 4 since anyway in November 2021 we will need to find an alternative.
