Feature/2024 jun

.github/workflows/build.yml

@@ -4,7 +4,11 @@ on:
   push:
     branches:
       - feature/*
-      - release/*
+      - main
+      - main-*
+
+env:
+  PUBLISH_BRANCH: main
 
 jobs:
   build:
@@ -26,11 +30,24 @@ jobs:
   publish:
     runs-on: ubuntu-latest
     needs: build
-    if:
     steps:
+
+      - name: Extract branch name
+        id: extract_branch
+        shell: bash
+        run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
+
+      - name: Check publish branch information
+        id: check_publish
+        run: |
+          echo "Branch name is ${{ steps.extract_branch.outputs.branch }}"
+          echo "Publish branch name is $PUBLISH_BRANCH"
+          echo "Current branch should be published: ${{ env.PUBLISH_BRANCH == steps.extract_branch.outputs.branch }}"
+          echo "publish=${{ env.PUBLISH_BRANCH == steps.extract_branch.outputs.branch }}" >> $GITHUB_OUTPUT
+
       - name: Publish
         uses: nogsantos/scp-deploy@master
-        if: contains(github.ref, 'refs/heads/release')
+        if: ${{ steps.check_publish.outputs.publish == 'true' }}
         with:
           src: ./largier-server/target/largier-run.jar
           host: ${{ secrets.DEPLOY_HOST }}

Dev/README.md

@@ -0,0 +1,32 @@
+# Local
+
+## DB
+
+- download h2 https://www.h2database.com/html/download.html
+
+  > Version 2.1.214
+
+- Run h2 in local, use jdbc url:
+
+    ```
+    jdbc:h2:{REAL_LOCATION}/largierj/db
+    ```
+
+- use username sa and password password
+
+- Run schema.sql and data.sql
+- Disconnect H2 console
+
+## Spring
+
+- Set environment parameter in run configuration
+
+  ```
+  SPRING_PROFILES_ACTIVE=dev
+  ```
+
+- Run LargierJApplication with param:
+
+  ```
+  -Dspring.config.additional-location={REAL_LOCATION}/largierj/largier-server/src/main/resources/application-dev.yml -Dspring.profiles.active=dev
+  ```

largier-client/pom.xml

@@ -28,6 +28,16 @@
               <goal>install-node-and-npm</goal>
             </goals>
           </execution>
+          <execution>
+            <id>npm config</id>
+            <goals>
+              <goal>npm</goal>
+            </goals>
+            <phase>generate-resources</phase>
+            <configuration>
+              <arguments>config set strict-ssl false</arguments>
+            </configuration>
+          </execution>
           <execution>
             <id>npm install</id>
             <goals>

largier-client/src/common/components/Footer/Footer.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Grid, ListItem, ListIcon, ListContent, List } from 'semantic-ui-react';
+import { I18n } from 'react-i18next';
+
+import { licenseYear } from '../../../config.json';
+
+export default () => (
+  (
+    <div>
+      <Grid className="page default-grid impressumSection" id="impressumAnchor">
+        <List>
+          <ListItem>
+            <ListContent><I18n>{t => t('contact')}</I18n></ListContent>
+          </ListItem>
+          <ListItem>
+            <ListContent />
+          </ListItem>
+          <ListItem>
+            <ListIcon name="user" />
+            <ListContent>Chantal Largier</ListContent>
+          </ListItem>
+          <ListItem>
+            <ListIcon name="marker" />
+            <ListContent>Bahnhofplatz 12</ListContent>
+          </ListItem>
+          <ListItem>
+            <ListIcon />
+            <ListContent>6440 Brunnen</ListContent>
+          </ListItem>
+          <ListItem>
+            <ListIcon name="mail" />
+            <ListContent>
+              <a href="mailto:[email protected]">[email protected]</a>
+            </ListContent>
+          </ListItem>
+        </List>
+      </Grid>
+      <Grid className="page default-grid">
+        <Grid.Row>
+          <Grid.Column textAlign="center">
+            <p>
+              <span>&copy;{licenseYear} chantallargier.com | </span>
+              <Link to="/admin" className="link">admin</Link>
+            </p>
+          </Grid.Column>
+        </Grid.Row>
+      </Grid>
+    </div>
+  )
+);

largier-client/src/common/components/Nav.js

@@ -25,13 +25,15 @@ export default () => (
             <Menu.Item link onClick={() => scrollTo('bioAnchor')}>
               <I18n>{t => t('bio')}</I18n>
             </Menu.Item>
+            <Menu.Item link onClick={() => scrollTo('servicesAnchor')}>
+              <I18n>{t => t('services')}</I18n>
+            </Menu.Item>
             <Menu.Item link onClick={() => scrollTo('concerts')}>
               <I18n>{t => t('concerts')}</I18n>
             </Menu.Item>
             <Menu.Item link onClick={() => scrollTo('media')}>
               <I18n>{t => t('media')}</I18n>
             </Menu.Item>
-
           </Menu>
 
         </Grid.Column>

largier-client/src/common/components/Slider.js

@@ -28,7 +28,7 @@ function SamplePrevArrow(props) {
   );
 }
 
-const audio1Src = 'https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1388668324&color=%23ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true';
+const audio1Src = 'https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1388668324&color=%23ff5500&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true';
 const audioStyle = {
   fontSize: 10,
   color: '#cccccc',

largier-client/src/config.json

@@ -1,3 +1,3 @@
 {
-  "licenseYear": 2022
+  "licenseYear": 2024
 }

largier-client/src/default/pages/Concerts.js

@@ -18,7 +18,7 @@ import Logo from '../../res/images/logoBlack.svg';
 
 import i18n from '../../i18n';
 
-import { licenseYear } from '../../config.json';
+import Footer from '../../common/components/Footer/Footer';
 
 
 const selectLanguage = (lng) => {
@@ -105,16 +105,7 @@ class Concerts extends Component {
             </Grid.Column>
           </Grid.Row>
         </Grid>
-        <Grid className="page footer-grid">
-          <Grid.Row>
-            <Grid.Column textAlign="center">
-              <p>
-                <span>&copy;{licenseYear} chantallargier.com | </span>
-                <Link to="/admin">admin</Link>
-              </p>
-            </Grid.Column>
-          </Grid.Row>
-        </Grid>
+        <Footer />
       </div>
     );
   }

largier-client/src/default/pages/Home.js

@@ -18,6 +18,7 @@ import { get } from '../../common/helpers/api';
 import TopLeftLinks from '../../common/components/TopLeftLinks';
 import TopRightLinks from '../../common/components/TopRightLinks';
 import Nav from '../../common/components/Nav';
+import Footer from '../../common/components/Footer/Footer';
 import SimpleSlider from '../../common/components/Slider';
 import ConcertImageContainer from './components/ConcertImageContainer';
 // Resources
@@ -30,8 +31,6 @@ import InstagramIcon from '../../res/images/instagram.svg';
 
 import i18n from '../../i18n';
 
-import { licenseYear } from '../../config.json';
-
 class Home extends Component {
   constructor(props) {
     super(props);
@@ -111,6 +110,9 @@ class Home extends Component {
             <p><I18n>{t => t('bio6')}</I18n></p>
             <p><I18n>{t => t('bio7')}</I18n></p>
             <p><I18n>{t => t('bio8')}</I18n></p>
+            <p><I18n>{t => t('bio9')}</I18n></p>
+            <p><I18n>{t => t('bio10')}</I18n></p>
+            <p><I18n>{t => t('bio11')}</I18n></p>
             { /* <p><I18n>{t => t('bio1')}</I18n></p>
             <p><I18n>{t => <div dangerouslySetInnerHTML={{ __html: t('bio2') }} /> }</I18n></p>
             */
@@ -125,6 +127,19 @@ class Home extends Component {
         { /* CONCERTS */ }
 
 
+        <Grid className="page default-grid" id="servicesAnchor">
+            <div className="sectionTitle">
+                <h2 className="title"><I18n>{t => t('services')}</I18n></h2>
+            </div>
+            <div className="bioParagraph">
+              <p><I18n>{t => t('servicesText1')}</I18n></p>
+              <p><I18n>{t => t('servicesText2')}</I18n></p>
+              <p><I18n>{t => t('servicesText3')}</I18n></p>
+              <p><I18n>{t => t('servicesText4')}</I18n></p>
+            </div>
+        </Grid>
+
+
         <Grid className="page default-grid concertsBlock" id="concerts">
           <Grid.Row>
             <Grid.Column>
@@ -160,16 +175,7 @@ class Home extends Component {
           <SimpleSlider />
         </div>
 
-        <Grid className="page default-grid">
-          <Grid.Row>
-            <Grid.Column textAlign="center">
-              <p>
-                <span>&copy;{licenseYear} chantallargier.com | </span>
-                <Link to="/admin" className="link">admin</Link>
-              </p>
-            </Grid.Column>
-          </Grid.Row>
-        </Grid>
+        <Footer />
 
         <StructuredData
           type="Person"
@@ -179,14 +185,15 @@ class Home extends Component {
             gender: 'Female',
             description: 'Swiss Pianist Chantal Largier is a talented, versatile and admired artist, who knows how to impress and fascinate the audience through her interpretation and a real passion for music. Her goal is to find the true spirit of music and to share it with her audience.',
             jobTitle: 'Swiss Pianist',
-            url: 'http://www.chantallargier.com',
-            image: 'http://www.chantallargier.com/avatar.jpg',
+            url: 'https://www.chantallargier.com',
+            image: 'https://www.chantallargier.com/avatar.jpg',
             sameAs: [
               'https://www.facebook.com/Chantal-Largier-1713090868989087/',
               'https://www.youtube.com/channel/UCTtRvi4HOBtmSqzJ-QrKOjQ',
             ],
           }}
         />
+
       </div>
     );
   }

largier-client/src/default/pages/Home.less

@@ -310,3 +310,7 @@ img.logo{
 .link {
   margin-top: 10px;
 }
+
+.impressumSection {
+  border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
+}

largier-client/src/i18n_translation/de.json

@@ -3,17 +3,27 @@
   "intro": " ist eine ausdrucksstarke, vielseitige und hoch geschätzte Künstlerin, die durch ihre Interpretation und Leidenschaft zur Musik berühren und faszinieren kann. Ihr Ziel ist es, Musik auf verschiedenster Art und Weise zum Ausdruck zu bringen.",
   "bio1": "Chantal, aufgewachsen in der Schweiz und in Japan, erhielt ihren ersten Klavierunterricht mit zarten sechs Jahren und beginnt somit ihre Laufbahn als Pianistin. Sie gewann den in Tokio angesehen Klavierwettbewerb „14th Youth Music Harmony Competition“. Im 2014 zog sie nach China, unterrichtete Klavier-Studierende an der Zhaoqing Universität und konzertierte bis 2017, 100 Konzerte in ganz China.",
   "bio2": "Sie spielte in berühmten und hoch anerkannten Konzerthallen, wie die <i>Grosse Halle des Volkes in Peking</i>, das <i>Oriental Art Center</i> in Shanghai und die <i>Shanghai Symphony Hall</i>, sowie das <i>Guotai Arts Center</i> in Chongqing.",
-  "bio3": "Chantal wurde in Zürich geboren und erhielt mit 6 Jahren ihren ersten Klavierunterricht. Mit 11 Jahren zog sie mit ihrer Familie nach Tokio, wo sie von der Konzertpianistin Tomoko Uchida unterrichtet wurde. Sie war Preistägerin der „14. Youth Music Harmony Competition.“",
-  "bio4": "Im 2002 zog sie nach Basel und absolvierte an der Musik-Akademie bei László Gyimesi das Lehrdiplom, und an der Zürcher Hochschule der Künste (ZHdK) bei Eckart Heiligers, den Master of Arts in Performance.",
-  "bio5": "Ab 2014 unterrichtete sie an der Zhaoqing Universität in China das Fach Klavier für den Bachelor-Lehrgang. Chantal wurde eine gefragte Künstlerin und konzertierte als Solopianistin und Kammermusikerin bis fast zu 100 Male in über 20 Städten Chinas. Ihre Tourneen brachten sie in bekannte Konzerthallen wie die grosse Halle des Volkes in Peking, das Oriental Center in Shanghai und die Shanghai Symphonie Hall. Sie spielte auch mehrmals am „Chinese Friendship Day“ für die Schweizer Botschaft.",
-  "bio6": "Chantal ist die erste ausländische Pianistin, die ein „Drama-Konzert“, welches klassische Musik mit Schauspiel verbindet, in China auf der Bühne präsentierte.",
-  "bio7": "Das Drama Konzert wurde durch Ivia YH Hua produziert, die die Einzigartigkeit in diese Aufführung brachte und das Bühnenbild verzauberte. Sie ist eine bedeutende Unterstützerin von Chantals Karriere.",
-  "bio8": "Seit August 2018 unterrichtet Chantal das Fach Klavier an der Musikschule Pfannenstiel in Meilen in Zürich.",
+  "bio3": "Die Geschichte von Chantal Largier ist eine bewegende Reise durch die Welt der Musik, geprägt von Leidenschaft, Entdeckungen und einem unerschütterlichen Willen. Bereits im zarten Alter von sechs Jahren öffnete sich für sie die Tür zur faszinierenden Welt des Klavierspiels. Mit jeder Note entfachte sie eine Leidenschaft, die ihr Leben für immer verändern sollte.",
+  "bio4": "Mit elf Jahren begab sich Chantal auf eine mutige Reise nach Tokyo, Japan, wo sie in die faszinierende Kultur des Landes eintauchte. Hier nahm sie intensiven Klavierunterricht bei renommierten japanischen Lehrern und begeisterte das Publikum mit atemberaubenden Konzerten. In ihrem jungen Alter erlangte sie bereits eine Auszeichnung bei der 14th Youth Harmony Competition – ein Beweis für ihr aussergewöhnliches Talent.",
+  "bio5": "Die Heimkehr in die Schweiz führte sie zu weiteren musikalischen Höhenflügen. An der renommierten Musik-Akademie in Basel und der Zürcher Hochschule der Künste vertiefte sie ihr Können. Mit Fleiss und Hingabe erwarb sie ein Lehrdiplom, einen Master und ein CAS in Performing Arts. Ihre Ausbildung war ein Meilenstein auf ihrem Weg zur Vollendung als Künstlerin.",
+  "bio6": "Ihre Karriere führte sie schliesslich nach China, wo sie an der Zhaoqing Universität das Fach Klavier lehrte. Aber das war erst der Anfang. Als gefeierte Künstlerin trat sie fast 100 Mal in über 20 chinesischen Städten auf, in einigen der berühmtesten Konzerthallen des Landes wie der grossen Halle des Volkes Peking, dem Oriental Center in Shanghai und der Shanghai Symphonie Hall. Ihre Musik wurde zur Brücke zwischen den Kulturen, und sie spielte sogar beim Chinese Friendship Day für die Schweizer Botschaft.",
+  "bio7": "Im Jahre 2018 kehrte sie wieder zurück in die Schweiz. Ab August 2018 unterrichtet Chantal das Fach Klavier an der Musikschule Pfannenstiel in Meilen Kanton Zürich. Sie findet Freude daran, ihre zahlreichen Schüler und Schülerinnen ihr Wissen und Können weiterzugeben.",
+  "bio8": "Das Leben hält Überraschungen bereit, und im Jahr 2022 stürzte Chantal bei einer Wanderung vom Berg und brach sich zwei Finger ihrer linken Hand. Eine schwierige Zeit brach an, in der sie ihrer Leidenschaft, dem Klavierspielen, vorübergehend nicht nachkommen konnte. Doch aus der Traurigkeit heraus fand sie eine neue Leidenschaft – das Komponieren.",
+  "bio9": "Mit ihren verletzten Fingern begann Chantal, ihre Gefühle und Gedanken am Klavier auszudrücken. Sie improvisierte, ohne Noten, aus reinem Gefühl. Ihre improvisierten Stücke nahm sie auf, und daraus entstand ihre erste Komposition \"Boundless\" (Grenzenlosigkeit). Dieses Werk spiegelt ihre Intention wider: die Vorstellung, dass alles möglich ist.",
+  "bio10": "So entdeckte Chantal ihre Leidenschaft für das Komponieren eigener Klavierwerke. Das freie Spiel am Klavier öffnete ihr den Zugang zu ihrer inneren Welt, und das Schreiben eigener Kompositionen fühlte sich an wie das Führen eines Tagebuchs in Musiknoten.",
+  "bio11": "Am 2.2.22 veröffentlichte sie ihr erstes Album \"TIMELESS\", gefolgt von \"FEEL\" am 11.11.22 und ein Jahr später - am 11.11.23 entstand ihr drittes Album „GROWTH“. Diese Alben berührten die Herzen vieler Menschen und bewegten sie emotional. Chantal selbst ist von ihren eigenen Werken zutiefst berührt. Jede Komposition trägt eine persönliche Geschichte in sich und ist ein einzigartiges, berührendes Kunstwerk.",
   "show-all-concerts": "Alle Konzerte anzeigen",
   "upcoming-concerts": "Kommende",
   "past-concerts": "Vergangene",
   "concerts": "Konzerte",
   "media": "Medien",
+  "services": "Dienstleistungen",
+  "servicesText1": "Wünschst du dir Klaviermusik, die von tiefstem Herzen kommt und intuitiv nur für dich komponiert wird?",
+  "servicesText2": "Ein Klavierstück - kreiert nur für dich - oder deine Liebsten? Ich gehe auf deine persönlichen Wünsche, Träume, Visionen und Ideen ein. Gemeinsam besprechen und fühlen wir in welche Richtung deine Komposition erklingen könnte.",
+  "servicesText3": "Ich kreiere für dich deine „Seelenmelodie“, die dich immer wieder aufs Neue berühren wird. Sie darf dich: zum Fühlen bringen, an Mut erinnern, dein Herz öffnen, dich ans Besondere erinnern, deine Grenzen sprengen, dir Hoffnung und Glauben schenken, deine Geschichte ausdrücken...\n...und so vieles mehr!",
+  "servicesText4": "Ruft ein JA in dir, dann melde dich per E-Mail an mich. Wir vereinbaren einen unverbindlichen Zoom Call, um uns vorerst kennenzulernen und fühlen gemeinsam, wie es weiter gehen darf. Ich freue mich sehr auf dich! Es wäre mir eine Ehre für dich deine Seelenmelodie zu kreieren.",
+  "impressum": "Impressum",
   "about": "Über mich",
-  "back": "Zurück"
+  "back": "Zurück",
+  "contact": "Kontakt"
 }

largier-client/src/i18n_translation/en.json

@@ -9,11 +9,21 @@
   "bio6": "The Drama Concert was produced by Ivia YH Hua, who brought the uniqueness to this performance. She is a great supporter of Chantal’s career.",
   "bio7": "Since August 2018 Chantal teaches at the music school Pfannenstiel in Meilen in Zurich.",
   "bio8": "",
+  "bio9": "",
+  "bio10": "",
+  "bio11": "",
   "show-all-concerts": "Show all concerts",
   "upcoming-concerts": "Upcoming",
   "past-concerts": "Past",
   "concerts": "Concerts",
   "media": "Media",
+  "services": "Services",
+  "servicesText1": "Do you wish a piano composition just for you? A piano piece created intuitively from the bottom of my heart, just for you or your beloved ones?",
+  "servicesText2": "We speak about your wishes, your dreams, your visions and your ideas. Together we talk about how your composition may sound like. I create for you your \"melody of your soul\". Your composition may help you to feel, may give you courage, may help you to open your heart, may give you hope, may remind you of special moments in your life, may break your boundaries, may express your story of your life…. And so much more.",
+  "servicesText3": "If there is a YES in you, write me a DM. We arrange a Zoom call without obligation, to get to know each other and to feel how to continue.",
+  "servicesText4": "Looking forward to hearing from you! It will be my honor to create your melody of your soul.",
+  "impressum": "Impressum",
   "about": "About",
-  "back": "Back"
+  "back": "Back",
+  "contact": "Contact"
 }

largier-server/src/main/resources/application-dev.yml

@@ -1,6 +1,6 @@
 spring:
   datasource:
-    url: jdbc:h2:file:/Users/henry/dev/workspace/github/largierj/db
+    url: jdbc:h2:file:/Users/huangyijie/dev/workspace/github/largierj/db
   h2:
     console:
       enabled: true
@@ -13,4 +13,4 @@ log:
 upload:
   location: ./upload
 logging:
-  config: /Users/henry/dev/workspace/github/largierj/support/logback-spring.xml
+  config: /Users/huangyijie/dev/workspace/github/largierj/support/logback-spring.xml