GIN ADMIN THEME THE PAST, THE PRESENT & THE FUTURE DRUPALCON EUROPE 2021 @SASCHAEGGI

Sascha Eggenberger Senior User Experience Designer @ Unic AG sascha.is • @saschaeggi DRUPALCON EUROPE 2021 @SASCHAEGGI

STRUCTURE OF THIS TALK 01 02 03 04 DRUPALCON EUROPE 2021 THE PAST THE PRESENT THE FUTURE Q&A @SASCHAEGGI

THE PAST A SHORT HISTORY LESSION DRUPALCON EUROPE 2021 @SASCHAEGGI

2019 ☝ HISTORY DRUPALCON EUROPE 2021 @SASCHAEGGI

Gin started as a customisation layer for Claro DRUPALCON EUROPE 2021 @SASCHAEGGI

Branding needs The initial goal was to brand the UI for specific clients DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

Branch 2.x Compatible with Drupal 8.8+ DRUPALCON EUROPE 2021 @SASCHAEGGI

DrupalCon Amsterdam We, the design team behind Claro, showcased Drupal’s «Future UI» DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

People «need» a Darkmode https://i.giphy.com/media/2W8bEBGjSsRFu/giphy.gif

2020 ☝ HISTORY DRUPALCON EUROPE 2021 @SASCHAEGGI

COVID-19 hit the world And I finally had more time to contribute while staying at home DRUPALCON EUROPE 2021 @SASCHAEGGI

Development of 3.x-dev started (Gin as we know it today) DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

2021 ☝ HISTORY DRUPALCON EUROPE 2021 @SASCHAEGGI

More people started to contribute and the adaption skyrocked DRUPALCON EUROPE 2021 @SASCHAEGGI

THE PRESENT WHAT’S THE CURRENT STATE? DRUPALCON EUROPE 2021 @SASCHAEGGI

FEATURES DRUPALCON EUROPE 2021 @SASCHAEGGI

Gin evolved as a full-fledged theme with a strong focus on the Editorial Experience DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

The ability to customise the experience for your (clients) needs DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

User settings Settings can be individually overridden by users DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

gin-custom.css CSS overrides DRUPALCON EUROPE 2021 @SASCHAEGGI

ECOSYSTEM DRUPALCON EUROPE 2021 @SASCHAEGGI

Gin Toolbar drupal.org/project/gin_toolbar DRUPALCON EUROPE 2021 @SASCHAEGGI

Gin Login drupal.org/project/gin_login DRUPALCON EUROPE 2021 @SASCHAEGGI

Gin Layout Builder drupal.org/project/gin_lb by christian.wiedemann DRUPALCON EUROPE 2021 @SASCHAEGGI

Gin Gutenberg drupal.org/project/gin_gutenberg by doxigo DRUPALCON EUROPE 2021 @SASCHAEGGI

FACTS & FIGURES DRUPALCON EUROPE 2021 @SASCHAEGGI

11,000+ Site installations according to Drupal.org DRUPALCON EUROPE 2021 @SASCHAEGGI

Most installed Admin Theme for Drupal 9 DRUPALCON EUROPE 2021 @SASCHAEGGI

Thanks y’all for using it! 🥳 https://i.imgur.com/Fcc9RR5.gifv

Still Alpha Gin didn’t made the jump to Beta yet DRUPALCON EUROPE 2021 @SASCHAEGGI

Beta 1 Was scheduled for Q1 2021 DRUPALCON EUROPE 2021 @SASCHAEGGI

But as you might know it didn’t happen https://i.giphy.com/media/T1WqKkLY753dZghbu6/giphy.gif

Beta 1 Was re-scheduled for Q3 2021 DRUPALCON EUROPE 2021 @SASCHAEGGI

Nope, didn’t happen either https://i.giphy.com/media/26n6yGZkqLSaShKzS/giphy.gif

Gin Login Stable release is out! DRUPALCON EUROPE 2021 @SASCHAEGGI

Yay! 🤘 https://i.giphy.com/media/fsQbx1hX7hPBBpIM5b/giphy.gif

😉 Should work with Drupal 10 already Still mainly untested for now https://dev.acquia.com/drupal10/deprecation_status?names=gin DRUPALCON EUROPE 2021 @SASCHAEGGI

THE FUTURE WHAT’S TO EXPECT NEXT? DRUPALCON EUROPE 2021 @SASCHAEGGI

3.0 Beta 1 Release coming soon DRUPALCON EUROPE 2021 @SASCHAEGGI

I promise ✌ https://i.giphy.com/media/F3BeiZNq6VbDwyxzxF/giphy.gif

Design Refresh Simplified & improved Layout DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

Drupal 10 Making Gin ready for the future of Drupal DRUPALCON EUROPE 2021 @SASCHAEGGI

Extend the new entity form layout beyond nodes DRUPALCON EUROPE 2021 @SASCHAEGGI

Further enhance the vertical navigation approach DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

The new vertical navigation will be mobile-first DRUPALCON EUROPE 2021 @SASCHAEGGI

We’ll (finally) integrate the collapsible Sidebar feature DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

Ability to resize the vertical navigation and sidebar regions DRUPALCON EUROPE 2021 @SASCHAEGGI

Ability to choose from a preset of density settings DRUPALCON EUROPE 2021 @SASCHAEGGI

Refactoring of form actions, better compatibility with modules DRUPALCON EUROPE 2021 @SASCHAEGGI

Only load the CSS we need, the Drupal way (Component CSS) DRUPALCON EUROPE 2021 @SASCHAEGGI

Enhance the developer friendliness CSS3 Variables for content maxwidth, toolbar offset, layout density DRUPALCON EUROPE 2021 @SASCHAEGGI

RTL language support Arabic, Hebrew, etc. DRUPALCON EUROPE 2021 @SASCHAEGGI

Dashboard A useful & nicely designed dashboard to welcome/inform your editors DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

WRAP UP IN A NUTSHELL DRUPALCON EUROPE 2021 @SASCHAEGGI

Best-in-class editorial expierence DRUPALCON EUROPE 2021 @SASCHAEGGI

3.0 Beta 1 Release coming soon DRUPALCON EUROPE 2021 @SASCHAEGGI

Download Gin drupal.org/project/gin DRUPALCON EUROPE 2021 @SASCHAEGGI

Contribute drupal.org/project/issues/gin DRUPALCON EUROPE 2021 @SASCHAEGGI

🚀 Sponsor the development github.com/sponsors/saschaeggi DRUPALCON EUROPE 2021 @SASCHAEGGI

DRUPALCON EUROPE 2021 @SASCHAEGGI

Drupal Slack Join #gin or write me a PM @saschaeggi DRUPALCON EUROPE 2021 @SASCHAEGGI

THANKS A LOT! THAT’S IT No gifs were harmed during this presentation. DRUPALCON EUROPE 2021 @SASCHAEGGI