okfn / wordpress-theme

OKFN corporate wordpress theme
7 stars 11 forks source link

Design updates November 2023 #48

Open amercader opened 10 months ago

amercader commented 10 months ago

Cosmetic changes to match the design after the latest OKFN rebranding:

gocemitevski commented 10 months ago

@amercader the Open Knowledge Foundation Panel plugin is currently not compatible with the new theme assets and needs to be updated, if not rewritten. This is something that Keitaro cannot do as part of these updates. Everything else is done and deployed to https://blog.okfn.org/.

amercader commented 9 months ago

Thanks @gocemitevski !

Regarding the collapsible panel, would it be possible to just add the necessary markup to the relevant theme layout template? It's just a matter to add these lines in the page template, we don't need all the WP config interface that the WP plugin included

<head>
   <!-- ... -->
    <link rel="stylesheet" href="https://a.okfn.org/html/oki/panel/assets/css/frontend.css"/>
    <style>
      #ok-panel {
        border-color:#2D2D2D
      }
      #ok-panel-wrapper {
        float:right
      }
      #ok-panel-wrapper:not([data-breakpoint*='px'])>.ok-ribbon {
        margin-top:0;
        background-color:#2D2D2D;
        margin-bottom:1.5em;
        background-color:transparent
      }
    </style>
<!-- ... -->
<head>

  <body>
    <div id="ok-panel" class="closed"><div class="container"><iframe src="https://a.okfn.org/html/oki/panel/panel.html" scrolling="no"></iframe></div></div>
    <div id="ok-panel-wrapper"><a class="white ok-ribbon" href="https://okfn.org/"><img src="https://a.okfn.org/html/oki/panel/assets/images/oki-ribbon.png" alt="Open Knowledge"></a></div>

<!-- ... -->

  <script src="https://a.okfn.org/html/oki/panel/assets/js/frontend.js" type="text/javascript"></script>
</body>
gocemitevski commented 9 months ago

@amercader unfortunately not. I already tried to do that. This is basically the same code generated by the WordPress plugin, but with the newly updated assets based on the new version of the panel.

https://github.com/okfn/okf-panel/blob/master/inc/sunrise/assets.php https://github.com/okfn/okf-panel/blob/master/inc/plugin-actions.php

The problems are caused by small differences in the styling rules and JavaScript assets. Just adding the above code snippet in the header.php template of wordpress-theme will not work.