Release 20250829.1

backend/news/+restapi.feature

@@ -0,0 +1 @@
+Update plone.restapi to version 9.15.2. @ericof

backend/news/+techevent.feature

@@ -0,0 +1 @@
+Update collective.techevent to version 1.0.0a18. @ericof

backend/pyproject.toml

@@ -26,13 +26,13 @@ classifiers = [
 dependencies = [
     "Products.CMFPlone==6.1.2",
     "plone.api",
-    "plone.restapi",
+    "plone.restapi>=9.15.2",
     "plone.volto",
     "plonegovbr.socialmedia>=2.0.0a6",
     "collective.volto.formsupport",
     "pas.plugins.authomatic==2.0.0",
     "collective.honeypot",
-    "collective.techevent==1.0.0a16",
+    "collective.techevent==1.0.0a18",
     "plone.app.upgrade",
     "plone.app.discussion",
 ]
@@ -105,7 +105,7 @@ constraint-dependencies = [
     "collective.recipe.omelette==2.0.0",
     "collective.recipe.template==2.2",
     "collective.recipe.vscode==0.1.9",
-    "collective.techevent==1.0.0a16",
+    "collective.techevent==1.0.0a18",
     "collective.xmltestreport==2.0.2",
     "collective.z3cform.datagridfield==3.0.4",
     "colorama==0.4.6",
@@ -279,7 +279,7 @@ constraint-dependencies = [
     "plone.resource==3.0.2",
     "plone.resourceeditor==4.0.1",
     "plone.rest==5.0.0",
-    "plone.restapi==9.15.1",
+    "plone.restapi>=9.15.2",
     "plone.rfc822==3.0.1",
     "plone.scale==4.2.0",
     "plone.schema==2.0.2",

frontend/packages/volto-pythonbrasil-site/news/+estilos.feature

@@ -0,0 +1 @@
+Melhoria de estilos para navegação em dispositivos móveis. @ericof

frontend/packages/volto-pythonbrasil-site/news/+logo.feature

@@ -0,0 +1 @@
+Altera logo da navegação. @ericof

frontend/packages/volto-pythonbrasil-site/news/+techevent.feature

@@ -0,0 +1 @@
+Update @plone-collective/volto-techevent to version 1.0.0-alpha.18. @ericof

frontend/packages/volto-pythonbrasil-site/package.json

@@ -48,7 +48,7 @@
     "@plone/registry": "workspace:*",
     "@eeacms/volto-matomo": "*",
     "@eeacms/volto-statistic-block": "*",
-    "@plone-collective/volto-techevent": "1.0.0-alpha.16",
+    "@plone-collective/volto-techevent": "1.0.0-alpha.18",
     "@kitconcept/volto-light-theme": "7.0.0-alpha.22",
     "@kitconcept/volto-social-blocks": "1.0.0-alpha.8",
     "@mbarde/volto-image-crop-widget": "0.5.1",

frontend/packages/volto-pythonbrasil-site/src/components/Logo/Logo.jsx

@@ -2,12 +2,13 @@ import { useIntl } from 'react-intl';
 import messages from '@plonegovbr/volto-pythonbrasil-site/messages';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import LogoFullImage from './logo.svg';
-import LogoSlimImage from './logo-slim.svg';
+import LogoDataImage from './logo-data.svg';
 
 const LogoImg = ({ intl, logo }) => {
   return (
     <img
       src={logo}
+      height={'140px'}
       alt={intl.formatMessage(messages.site)}
       title={intl.formatMessage(messages.site)}
     />
@@ -16,7 +17,7 @@ const LogoImg = ({ intl, logo }) => {
 
 const Logo = ({ link, logoSize }) => {
   const intl = useIntl();
-  const logo = logoSize === 'full' ? LogoFullImage : LogoSlimImage;
+  const logo = logoSize === 'full' ? LogoFullImage : LogoDataImage;
   return link ? (
     <UniversalLink href={'/'} title={intl.formatMessage(messages.site)}>
       <LogoImg intl={intl} logo={logo} />

frontend/packages/volto-pythonbrasil-site/src/config/blocks.ts

@@ -21,6 +21,7 @@ declare module '@plone/types' {
     accordion: BlockConfigBase;
     gridCTA: BlockConfigBase;
     chamadaBlock: BlockConfigBase;
+    slider: BlockConfigBase;
   }
   export interface BlockConfigBase {
     themes?: StyleDefinition[];
@@ -147,6 +148,9 @@ export default function install(config: ConfigType) {
   config.blocks.blocksConfig.image.schemaEnhancer =
     composeSchema(defaultStylingSchema);
 
+  // Configure Slider
+  config.blocks.blocksConfig.slider.enableAutoPlay = true;
+
   config.blocks.blocksConfig.accordion = {
     ...config.blocks.blocksConfig.accordion,
     blocksConfig: {

frontend/packages/volto-pythonbrasil-site/src/theme/_main.scss

@@ -10,6 +10,8 @@
 @import 'components/login';
 @import 'components/presenter_category';
 @import 'components/presenter_view';
+@import 'components/session_view';
+@import 'components/sessionInfo';
 @import 'components/sponsor_view';
 @import 'blocks/accordion';
 @import 'blocks/description';
@@ -20,6 +22,8 @@
 @import 'blocks/gridCTA';
 @import 'blocks/heading';
 @import 'blocks/listing';
+@import 'blocks/search';
+@import 'blocks/slider';
 @import 'blocks/chamada';
 @import 'blocks/image';
 @import 'blocks/block_sponsorlevel';

frontend/packages/volto-pythonbrasil-site/src/theme/_root.scss

@@ -1,6 +1,6 @@
 :root {
   // Layout
-  --narrow-container-width: 1024px;
+  --narrow-container-width: 960px;
   --default-container-width: 1024px;
   --layout-container-width: 1440px;
   // Theme
@@ -49,6 +49,9 @@
   /// Sponsors
   --techevent-sponsortile-background-main: #fff;
 
+  /// Schedule
+  --techevent-schedule-color: var(--accent-color);
+  --techevent-schedule-reverse-color: var(--accent-foreground-color);
   // Fonts
   --font-weight-thin: 100;
   --font-weight-extra-light: 200;

frontend/packages/volto-pythonbrasil-site/src/theme/_variables.scss

@@ -171,3 +171,45 @@ $color-block-change-vertical-spacing: $spacing-large !default;
     }
   }
 }
+
+// Presenter
+@mixin presenterImage() {
+  border-radius: 10%;
+  filter: drop-shadow(3px 3px var(--secondary-color));
+}
+
+// Session
+@mixin cardContainerSessionGrid() {
+  border: 1px solid var(--theme-high-contrast-color);
+  filter: drop-shadow(2px 2px var(--secondary-color));
+  &:hover {
+    border: 1px solid var(--theme-foreground-color);
+  }
+  .sessionTitle {
+    .title {
+      @include add(size, m);
+      @include add(height, m);
+    }
+  }
+  .sessionDescription {
+    @include add(size, s);
+    @include add(height, s);
+  }
+  .sessionHeader {
+    justify-content: space-between;
+  }
+  .sessionBody {
+    height: 45px;
+    .presenters {
+      @include add(size, xs);
+      @include add(height, xs);
+      .presenter {
+        display: inline;
+        text-decoration: none;
+        @include add(size, xs);
+        @include add(height, xs);
+        @include add(weight, bold);
+      }
+    }
+  }
+}

frontend/packages/volto-pythonbrasil-site/src/theme/blocks/_image.scss

@@ -2,6 +2,11 @@
 #page-edit .blocks-form,
 #page-document .blocks-group-wrapper {
   .block.image {
+    &.align.center {
+      max-width: var(--default-container-width);
+      margin-right: auto;
+      margin-left: auto;
+    }
     &.align.full {
       width: 100vw;
       max-width: 100vw;

frontend/packages/volto-pythonbrasil-site/src/theme/blocks/_listing.scss

@@ -15,14 +15,25 @@
             }
           }
         }
+        &.presenter-listing {
+          .card .card-inner {
+            .image-wrapper {
+              img {
+                @include presenterImage();
+              }
+            }
+          }
+        }
       }
     }
   }
   &.grid {
+    .card-container.session {
+      @include cardContainerSessionGrid();
+    }
     .presenterTile {
       .presenterImage {
-        border-radius: 10%;
-        filter: drop-shadow(2px 2px var(--secondary-color));
+        @include presenterImage();
       }
     }
   }

frontend/packages/volto-pythonbrasil-site/src/theme/blocks/_search.scss

@@ -0,0 +1,19 @@
+.block.search {
+  &.grid {
+    .listing-item {
+      max-height: 450px;
+      .card-container.session {
+        @include cardContainerSessionGrid();
+      }
+    }
+  }
+  .searchBlock-container {
+    .react-select__menu {
+      z-index: 50;
+      padding-left: $spacing-xsmall;
+      border: 1px solid var(--border-color);
+      background-color: var(--background-color) !important;
+      filter: drop-shadow(2px 2px var(--secondary-color));
+    }
+  }
+}

frontend/packages/volto-pythonbrasil-site/src/theme/blocks/_slider.scss

@@ -0,0 +1,61 @@
+.block.slider {
+  .slider-wrapper {
+    .teaser-item-title {
+      bottom: 20px;
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      padding-bottom: $spacing-xsmall;
+      background: linear-gradient(
+        180deg,
+        rgba(255, 255, 255, 0) 0%,
+        rgba(30, 30, 30, 70) 60%,
+        rgba(0, 0, 0, 1) 100%
+      );
+      color: white;
+      transform: unset;
+      .title {
+        width: 50%;
+        h2 {
+          @include add(size, 2xl);
+          @include add(height, 2xl);
+        }
+      }
+      p {
+        width: 90%;
+      }
+      @media only screen and (max-width: $tablet-breakpoint) {
+        min-height: 250px;
+        padding-top: $spacing-xsmall;
+        .title {
+          width: 100%;
+          h2 {
+            @include add(size, l);
+            @include add(height, l);
+          }
+        }
+        p {
+          display: none;
+        }
+      }
+      &.has--slider--flagAlign--left {
+        align-items: flex-start;
+      }
+      &.has--slider--flagAlign--right {
+        align-items: flex-end;
+        .title {
+          text-align: right;
+        }
+        p {
+          text-align: right;
+        }
+        @media only screen and (max-width: $tablet-breakpoint) {
+          align-items: flex-start;
+          .title {
+            text-align: left;
+          }
+        }
+      }
+    }
+  }
+}

frontend/packages/volto-pythonbrasil-site/src/theme/components/_breadcrumbs.scss

@@ -6,8 +6,8 @@ body #main {
     }
     .breadcrumb {
       max-width: var(--default-container-width);
-      margin-right: 5px;
-      margin-left: 5px;
+      margin-right: auto;
+      margin-left: auto;
       text-transform: uppercase;
       .section {
         @include add(size, s);