feat: add branding for reformer.network

branding/assets/styles/imports/_branding.scss

@@ -2,4 +2,164 @@
     *
     * Here, all SCSS variables and classes can be adapted to your custom design. 
     *
-*/
+*/
+
+// @font-face {
+//   font-family: Overpass;
+//   src: url('~@/assets/fonts/Overpass-VariableFont_wght.ttf');
+// }
+
+$color-primary: rgb(56, 57, 55);
+$color-primary-light: rgb(149, 153, 147);
+$color-primary-dark: rgb(25, 26, 24);
+$color-primary-active: rgb(95, 97, 92);
+$color-primary-inverse: rgb(226, 230, 218);
+
+$color-secondary: rgb(244, 142, 0);
+$color-secondary-active: rgb(255, 172, 23);
+$color-secondary-inverse: rgb(255, 238, 212);
+
+$color-tertiary: rgb(0, 168, 181);
+
+// $font-family-heading: 'Overpass', Helvetica, Arial, Lucida, sans-serif;
+// $font-family-text: 'Overpass', Helvetica, Arial, Lucida, sans-serif;
+
+$color-header-background: $color-primary;
+$color-footer-background: $color-tertiary;
+
+$color-locale-menu: $color-primary;
+
+$color-donation-bar: $color-secondary;
+
+$color-toast-blue: rgb(0, 142, 230);
+$color-toast-green: $color-secondary;
+
+$chat-message-bg-me: $color-primary-light;
+$chat-message-bg-others: $color-primary-inverse;
+$chat-message-checkmark-seen: $color-secondary;
+$chat-message-checkmark: $text-color-inverse;
+$chat-room-color-counter-badge: $color-primary;
+$chat-room-background-counter-badge: $color-secondary;
+
+/* "a" link colors */
+a {
+  color: $color-primary;
+}
+a:hover {
+  color: $color-primary-light;
+}
+
+/* ds-menu-item link colors */
+a:hover.ds-menu-item-link {
+  color: $color-secondary;
+}
+.ds-menu-item-link.router-link-exact-active {
+  color: $color-secondary;
+  border-left-color: $color-secondary;
+}
+
+.v-popover.open .trigger a {
+  color: $color-secondary;
+}
+
+.main-navigation a {
+  color: #fff;
+  // text-transform: uppercase;
+  // font-size: 16px;
+  // font-weight: 500;
+}
+
+.main-navigation a:hover {
+  color: hsla(0, 0%, 100%, .8);
+}
+
+.main-navigation .router-link-exact-active {
+  color: $color-secondary !important;
+}
+
+.main-navigation .locale-menu {
+  color: #fff;
+}
+
+.main-navigation .base-button {
+  color: #fff;
+}
+
+// #nav-search-box .hc-hashtag a {
+.hc-hashtag a {
+  color: $color-secondary;
+}
+.hc-hashtag a:hover {
+  color: $color-secondary-active;
+}
+
+#footer {
+  background-color: $color-tertiary;
+}
+#footer a {
+  color: $color-primary;
+}
+
+.avatar-menu .profile-avatar {
+  color: $color-primary;
+}
+
+.profile-avatar .initials {
+  color: $color-primary;
+}
+
+// .branding-menu .ds-text {
+//   font-family: 'Overpass', Helvetica, Arial, Lucida, sans-serif;
+//   font-weight: 500;
+//   text-transform: uppercase;
+//   font-size: 16px;
+// }
+
+/* avoid uppercase for user slug */
+// span.slug {
+//   text-transform: none;
+// }
+
+// .ds-footer {
+//   font-family: 'Overpass', Helvetica, Arial, Lucida, sans-serif;
+//   text-transform: uppercase;
+//   font-size: 16px;
+//   font-weight: 300;
+// }
+
+/* chips on group teaser */
+// a.group-teaser footer .ds-chip-primary {
+//   background-color: $color-secondary;
+// }
+
+/* chips on group profile */
+// .group-profile .ds-chip-primary {
+//   background-color: $color-secondary;
+// }
+
+/* chips with primary color */
+.ds-chip-primary {
+  background-color: $color-secondary;
+}
+
+/* number count color */
+div.ds-number>p.ds-number-count {
+  color: $color-primary;
+}
+
+/* active tab border bottom color */
+div.tab-navigation li.Tabs__tab {
+  border-bottom-color: $color-primary;
+}
+
+/* submit button color group form */
+// form.group-form button.ds-button-primary {
+/* ds-button with primary color */
+.ds-button-primary {
+  background-color: $color-primary;
+}
+
+/* color of active filter tags in post teaser */
+span.category-tag.filterActive {
+  background-color: $color-primary;
+}

branding/constants/donation.js

@@ -1 +1 @@
-export const PROGRESS_BAR_COLOR_TYPE = 'gradient' // 'uni' is the other option
+export const PROGRESS_BAR_COLOR_TYPE = 'uni' // 'gradient' // 'uni' is the other option

branding/constants/emails.js

@@ -1,8 +1,8 @@
 // this file is duplicated in `backend/src/config/` and `webapp/constants/` and replaced on rebranding by https://github.com/Ocelot-Social-Community/Ocelot-Social-Deploy-Rebranding/tree/master/branding/constants/
 export default {
-  SUPPORT_EMAIL: 'hello@ocelot.social',
-  MODERATION_EMAIL: 'hello@ocelot.social',
+  SUPPORT_EMAIL: 'support@reformer.network',
+  MODERATION_EMAIL: 'support@reformer.network',
   // ATTENTION: the following links have to be defined even for internal pages with full URLs as example like 'https://staging.ocelot.social/support', because they are used in e-mails!
-  ORGANIZATION_LINK: 'https://ocelot.social',
-  SUPPORT_LINK: 'https://ocelot.social',
+  ORGANIZATION_LINK: 'https://reformer.network/organization',
+  SUPPORT_LINK: 'https://reformer.network/support',
 }

branding/constants/groups.js

@@ -1,5 +1,5 @@
 // this file is duplicated in `backend/src/constants/group.js` and `webapp/constants/group.js`
 export const NAME_LENGTH_MIN = 3
 export const NAME_LENGTH_MAX = 50
-export const DESCRIPTION_WITHOUT_HTML_LENGTH_MIN = 100 // with removed HTML tags
+export const DESCRIPTION_WITHOUT_HTML_LENGTH_MIN = 10 // with removed HTML tags
 export const SHOW_GROUP_BUTTON_IN_HEADER = true

branding/constants/links.js

@@ -4,10 +4,10 @@ import { defaultPageParamsPages } from '~/components/utils/InternalPages.js'
 
 const ORGANIZATION = defaultPageParamsPages.ORGANIZATION.overwrite({
   // if defined it's dominating
-  externalLink: {
-    url: 'https://ocelot.social',
-    target: '_blank',
-  },
+  // externalLink: {
+  //   url: 'https://ocelot.social',
+  //   target: '_blank',
+  // },
 
   internalPage: {
     // footerIdent: 'site.made', // localized string identifier, if undefined default is used
@@ -21,11 +21,10 @@ const ORGANIZATION = defaultPageParamsPages.ORGANIZATION.overwrite({
 })
 const DONATE = defaultPageParamsPages.DONATE.overwrite({
   // if defined it's dominating
-  externalLink: {
-    // we use 'ocelot-social.herokuapp.com' at the moment, because redirections of 'ocelot.social' subpages are not working correctly
-    url: 'https://busfaktor.org/en/spenden',
-    target: '_blank',
-  },
+  // externalLink: {
+  //   url: 'https://ocelot.social/en/donate/',
+  //   target: '_blank',
+  // },
 
   internalPage: {
     // footerIdent: 'site.donate', // localized string identifier, if undefined default is used
@@ -39,11 +38,10 @@ const DONATE = defaultPageParamsPages.DONATE.overwrite({
 })
 const IMPRINT = defaultPageParamsPages.IMPRINT.overwrite({
   // if defined it's dominating
-  externalLink: {
-    // we use 'ocelot-social.herokuapp.com' at the moment, because redirections of 'ocelot.social' subpages are not working correctly
-    url: 'http://ocelot.social/en/impressum',
-    target: '_blank',
-  },
+  // externalLink: {
+  //   url: 'http://ocelot.social/en/imprint/',
+  //   target: '_blank',
+  // },
 
   internalPage: {
     // footerIdent: 'site.imprint', // localized string identifier, if undefined default is used
@@ -109,10 +107,10 @@ const FAQ = defaultPageParamsPages.FAQ.overwrite({
 })
 const SUPPORT = defaultPageParamsPages.SUPPORT.overwrite({
   // if defined it's dominating
-  externalLink: {
-    url: 'https://ocelot.social',
-    target: '_blank',
-  },
+  // externalLink: {
+  //   url: 'https://ocelot.social/en/contact/',
+  //   target: '_blank',
+  // },
 
   internalPage: {
     // footerIdent: 'site.support', // localized string identifier, if undefined default is used
@@ -126,7 +124,7 @@ const SUPPORT = defaultPageParamsPages.SUPPORT.overwrite({
 })
 
 export default {
-  LANDING_PAGE: '/login', // examples: '/login', '/registration', '/organization', or external 'https://ocelot.social'
+  LANDING_PAGE: '/organization', // examples: '/login', '/registration', '/organization', or external 'https://ocelot.social'
 
   // you can find and store templates for 👇🏼 at https://github.com/Ocelot-Social-Community/Ocelot-Social-Deploy-Rebranding/tree/master/branding/templates/
 
@@ -144,9 +142,9 @@ export default {
     TERMS_AND_CONDITIONS,
     CODE_OF_CONDUCT,
     DATA_PRIVACY,
-    FAQ,
     DONATE,
-    IMPRINT,
+    FAQ,
     SUPPORT,
+    IMPRINT,
   ],
 }

branding/constants/logos.js

@@ -2,7 +2,7 @@
 // this are the paths in the webapp
 export default {
   LOGO_HEADER_PATH: '/img/custom/logo-horizontal.svg',
-  LOGO_HEADER_WIDTH: '130px',
+  LOGO_HEADER_WIDTH: '260px',
   LOGO_HEADER_CLICK: {
     // externalLink: {
     //   url: 'https://ocelot.social',

branding/constants/metadata.js

@@ -1,9 +1,10 @@
 // this file is duplicated in `backend/src/config/metadata.js` and `webapp/constants/metadata.js` and replaced on rebranding
 export default {
-  APPLICATION_NAME: 'ocelot.social',
-  APPLICATION_SHORT_NAME: 'ocelot.social',
-  APPLICATION_DESCRIPTION: 'Ocelot Social Community',
-  COOKIE_NAME: 'ocelot-social-token',
-  ORGANIZATION_NAME: 'busFaktor e.V.',
-  ORGANIZATION_JURISDICTION: 'Deutschland',
+  APPLICATION_NAME: 'Reformer.network',
+  APPLICATION_SHORT_NAME: 'Reformer.network',
+  APPLICATION_DESCRIPTION: 'Reformer.network, social network',
+  COOKIE_NAME: 'reformer-network-token',
+  ORGANIZATION_NAME: 'Stichting Rudulin',
+  ORGANIZATION_JURISDICTION: 'Amsterdam',
+  THEME_COLOR: 'rgb(56, 57, 55)', // $color-primary – as the main color in general. e.g. the color in the background of the app that is visible behind the transparent iPhone status bar to name one use case, or the current color of SVGs to name another use case
 }

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   webapp:
-    image: ghcr.io/ocelot-social-community/stage.ocelot.social/webapp:ocelot-${OCELOT_VERSION:-master}--branded-${BRANDED_VERSION:-master}
+    image: ghcr.io/it4change/reformer.network/webapp:ocelot-${OCELOT_VERSION:-master}--branded-${BRANDED_VERSION:-master}
     build:
       context: .
       dockerfile: ./docker/backend.Dockerfile
@@ -15,7 +15,7 @@ services:
       - backend
 
   backend:
-    image: ghcr.io/ocelot-social-community/stage.ocelot.social/backend:ocelot-${OCELOT_VERSION:-master}--branded-${BRANDED_VERSION:-master}
+    image: ghcr.io/it4change/reformer.network/backend:ocelot-${OCELOT_VERSION:-master}--branded-${BRANDED_VERSION:-master}
     build:
       context: .
       dockerfile: ./docker/webapp.Dockerfile
@@ -32,7 +32,7 @@ services:
       - neo4j
 
   maintenance:
-    image: ghcr.io/ocelot-social-community/stage.ocelot.social/maintenance:ocelot-${OCELOT_VERSION:-master}--branded-${BRANDED_VERSION:-master}
+    image: ghcr.io/it4change/reformer.network/maintenance:ocelot-${OCELOT_VERSION:-master}--branded-${BRANDED_VERSION:-master}
     build:
       context: .
       dockerfile: ./docker/maintenance.Dockerfile

helmfile/environments/default.yaml.gotmpl

@@ -1,6 +1,6 @@
 {{ $branded_image_tag:= env "BRANDED_IMAGE_TAG" | default (exec "../scripts/image_tag.sh" (list) | trim) }}
 {{ $ocelot_image_tag := env "OCELOT_IMAGE_TAG" | default "master" }}
 
-domain: staging.ocelot-social.roschaefer.de
-namespace: ocelot-staging
+domain: staging.reformer-network.roschaefer.de
+namespace: reformer-network-staging
 image_tag: {{ env "IMAGE_TAG" | default (printf "ocelot-%s--branded-%s" $ocelot_image_tag $branded_image_tag) }}

helmfile/environments/production.yaml.gotmpl

@@ -0,0 +1,3 @@
+domain: reformer-network.roschaefer.de
+namespace: reformer-network-production
+image_tag: {{ requiredEnv "IMAGE_TAG" }}

helmfile/helmfile.yaml.gotmpl

@@ -3,13 +3,16 @@ environments:
   default:
     values:
       - ./environments/default.yaml.gotmpl
+  production:
+    values:
+      - ./environments/production.yaml.gotmpl
 ---
 repositories:
   - name: ocelot-social
     url: git+https://github.com/Ocelot-Social-Community/Ocelot-Social@deployment/helm/chart?ref=hetzner
 
 releases:
-  - name: ocelot-social
+  - name: reformer-ocelot
     namespace: {{ .StateValues.namespace }}
     chart: ocelot-social/ocelot-social
     values:

helmfile/secrets/ocelot.yaml

@@ -10,10 +10,10 @@ secrets:
             MAPBOX_TOKEN: ENC[AES256_GCM,data:qK6iTYKiWfkvXBodm8zVmfr5ACTTz1+7Pt7Q/hwgv3SYERyo5NyqfsvbVKuDAD90kTCNODpSwUApJE6do/Umedg4s8mrnHXCckIDbX5BztoeHJBehsUC54ELcrQ=,iv:b65yqfdoOX366UXt7HS6nhL8hlZn4l5hQfrhI6NXc+I=,tag:vF48V+TRS5g9ezXhzAJnPw==,type:str]
             PRIVATE_KEY_PASSPHRASE: ENC[AES256_GCM,data:05WXBFKIk0BtfUYmkWSwAP+/Y7v18LUow4X/,iv:y7VyymcoRLr2CK96BiErXvKP2Gn/QhECBZyeP+wo8LA=,tag:Hg/fIGyIDMY8P3mWfVupCw==,type:str]
             #ENC[AES256_GCM,data:llx+JN8fRqwrLd2ahkmPrhPwcGIkn695l3Ox8VEs9YAR+1wpz3yujA==,iv:4Ctez8zMeqo3cpCCUVy6ZP4T1Z/myPw/FTq+++YAYbc=,tag:al/J8DLqNz6CoLl+TgUdOw==,type:comment]
-            EMAIL_DEFAULT_SENDER: ENC[AES256_GCM,data:z1EyEokf/TNkFLhRzsCbHew/6T8=,iv:Satr1c8aZQE73ZolC6n+PO74r+Gj3un5Mj0DIYb3n14=,tag:iK6l0GXuhLauBtFXTmLyKQ==,type:str]
-            SMTP_HOST: ENC[AES256_GCM,data:r0qbaUBB3CSUHR76,iv:TJIx71HW1aBB0sCEd1TB/tTgPBxLR1sdGAEf0t7Qilg=,tag:arXYtwVbIXVaUJpyommokQ==,type:str]
-            SMTP_USERNAME: ENC[AES256_GCM,data:lZ05DvSu,iv:Tyu7poao1shqKGd/sjTCgGNHU1xgRpjwjMRd+ArGf6o=,tag:dKms4G683JvFzja7YOwYKg==,type:str]
-            SMTP_PASSWORD: ENC[AES256_GCM,data:c9rnPIaKHIh2LNIJON3ib1IsA09OWGchDxRPRpvrtJw=,iv:08Acxl74lJbYtEEU6crVIYRXwkER8t1XPrhBA2PwEio=,tag:F0xrrt2PkBUMEyp7a81ssw==,type:str]
+            EMAIL_DEFAULT_SENDER: ENC[AES256_GCM,data:WM4DfPl0GW+AkHUqMYFdjO1emSUaTw==,iv:YmrQO7jW3u2Vcz5aUmXNIMmaWmBMPyDX8bsLptdNAGc=,tag:h9hUl63DzvPWrwzQ0UKPxg==,type:str]
+            SMTP_HOST: ENC[AES256_GCM,data:yhzE6T4v6qcKJBa0og==,iv:ATPM06CE+kHTgKJdoHkrlJ41KFVuKM7+3zed8hiEfAQ=,tag:5Tq2WUMg54JfoyJK7WFjsw==,type:str]
+            SMTP_USERNAME: ENC[AES256_GCM,data:JpCSPL6biYWL7BVHS4CV1GzOB2eueg==,iv:Ubbsl2HnY6DaJz7fNmV+gT0OZ/SfVGJ4aRAaNHCl42U=,tag:hBq0k9/c2Z66UhRUOvX9/w==,type:str]
+            SMTP_PASSWORD: ENC[AES256_GCM,data:rp4R7xbVT1OfAJUQbyRHNcke6g==,iv:HOq2qK7D4wE31PgeLYMNGnOfGzG5E8yMZAu2yALhmPM=,tag:3ObZhZZMnHBjEFQXmu34ww==,type:str]
             SMTP_PORT: ENC[AES256_GCM,data:MGmv,iv:IFg6oEncN0ICEmw96XL4EuPKqEZ6KLwU5FJYkveMSpY=,tag:kIVXlt0o5TfhOtRVqU/c4w==,type:str]
             SMTP_IGNORE_TLS: ENC[AES256_GCM,data:ORAIWtg=,iv:6X4V3RDeYHrFdBTjsb3Ji0KWsZ2meL8ilqHNGQbcV/M=,tag:R87FgoQwqpes+0ejcOlrPg==,type:str]
             #ENC[AES256_GCM,data:wEE3/SPsZqy9LATseOZG7LsCbjG5gY4VUT/TzxhHLJqcYP5I,iv:gcOA0XiUGWq15G4zTRPZ0qZ/XYMTjr+9krbOx0dwpeY=,tag:jd8LTiVT7UQShqMR9zZUZA==,type:comment]
@@ -88,8 +88,8 @@ sops:
             Tkx0VFJpN1pZam4yeTNYU1Jnb1JyR1EKJSQYyAi9ZZr+njaXV/62nshPVLtWIcLY
             pwP8ikur4tKrbyg7H+/f3+9jPsr2Jw3xxgkeS4GL+DsTwrGDEwoaiw==
             -----END AGE ENCRYPTED FILE-----
-    lastmodified: "2024-10-09T15:57:09Z"
-    mac: ENC[AES256_GCM,data:VL7iP5uJIiwtFaVuZM88Hc9E5bkyO1kN88tAYd5HfGrTlNAKtINJZRL/ZeG+fNEFNyrtkxs5nfXeCSb0yNop66nWOLpupRBxHVt763Akp/YS/l3qH9UYaDUUkgtPg313pG1vNMiBxss0oE0CDEn+xBxuQFrWUPowG71JuBvHs/Q=,iv:8BE0rDKRBCB7CSVNZNE1wKmhYxiJhbCgI8hh5PACjQ0=,tag:4FUes7xDpSp/KF4AIJiM/A==,type:str]
+    lastmodified: "2024-10-26T18:24:06Z"
+    mac: ENC[AES256_GCM,data:plyDU/49y+NQbHbvhRcZzLH7z+XPHzgRc3yyFPLFJBkP5DCenZkKmRxvHx9RZDqEFeaUybZedD+k3eL8xGMATEiMMip8Kb1fsczkEOnkbarKp03x+fdB8SOQi7qOUQGlamSK3wEgmBOEodV09e5zyDY54dOibRepb2+yMuB73WI=,iv:6DGvJlMk4BQPjBEtf6wrkHvc/VP+g3PpkwSQ6dIo8lQ=,tag:G9Fpp0ZmANU7C+HDRSmHpw==,type:str]
     pgp: []
     unencrypted_suffix: _unencrypted
-    version: 3.9.0
+    version: 3.9.1