Update assets, people, mail for 2024

Gemfile

@@ -30,3 +30,4 @@ gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
 # Performance-booster for watching directories on Windows
 gem "wdm", "~> 0.1.0" if Gem.win_platform?
 
+gem "rexml", "~> 3.2"

Gemfile.lock

@@ -53,6 +53,7 @@ GEM
     rb-fsevent (0.11.0)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
+    rexml (3.2.6)
     rouge (3.27.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
@@ -71,8 +72,9 @@ DEPENDENCIES
   jekyll-feed (~> 0.6)
   json (~> 2.6.0)
   minima (~> 2.0)
+  rexml (~> 3.2)
   tzinfo-data
   webrick (~> 1.7.0)
 
 BUNDLED WITH
-   1.17.2
+   2.5.6

README.md

@@ -3,7 +3,7 @@
 </p>
 
 
-## Setup Jekyll server using Ruby Quickstart
+## Setup Jekyll server using Ruby Quickstart (with yum and sudo user)
 ```
 sudo yum group install 'Development Tools'
 sudo yum install ruby ruby-devel rubygem-bundler
@@ -15,6 +15,28 @@ bundle install
 bundle exec jekyll serve --port 12000 --livereload
 ```
 
+## Setup Jekyll server (with brew, without sudo user - macos)
+
+https://jekyllrb.com/docs/installation/macos/
+
+```
+brew install chruby ruby-install xz
+ruby-install ruby 3.1.3
+
+echo "source $(brew --prefix)/opt/chruby/share/chruby/chruby.sh" >> ~/.zshrc
+echo "source $(brew --prefix)/opt/chruby/share/chruby/auto.sh" >> ~/.zshrc
+echo "chruby ruby-3.1.3" >> ~/.zshrc # run 'chruby' to see actual version
+
+gem install jekyll
+
+git clone [email protected]:octo-technology/toulouse.octo.com.git
+cd toulouse.octo.com.git
+bundle update --bundler
+bundle config set path 'vendor/bundle'
+bundle install
+bundle exec jekyll serve --port 12000 --livereload
+```
+
 ## Setup Jekyll Server inside a container
 ```
 sudo make build-container

_layouts/default.html

@@ -98,7 +98,7 @@ <h2 itemprop="name">{{site.title}}</h2>
         </div>
         <div class="row row--alignCenter">
             <div class="col text-center">
-                © OCTO Technology 2021 - Part of Accenture
+                © OCTO Technology 2024 - Part of Accenture
             </div>
         </div>
     </div>

index.html

@@ -17,7 +17,7 @@ <h3 class="title--section">Nos expertises.</h3>
                         </div-->
                         <p id="about-camp">Chez OCTO Toulouse, nous sommes fiers d’accompagner vos équipes dans leur contexte de transformation et de réalisation logicielle.
 Nous avons à coeur de co-construire des solutions sur mesure en transmettant notre savoir-faire end-to-end. </p>
-                        
+
                         <div class="flex bloc-expertises">
                             <div class="row">
                                 <div class="col-2 align-vertically">
@@ -32,7 +32,7 @@ <h4>Méthodo & Change</h4>
                                             <li>Cadrage 360°</li>
                                         </ul>
                                     </div>
-                                    
+
                                 </div>
                                 <div class="col-2 align-vertically">
                                     <img src="{{ '/assets/images/expertises/img_microscope.png' | relative_url }}" class="img-illustration" alt="Data et Cognitive automation" usemap="#camp">
@@ -49,7 +49,7 @@ <h4>Data & Cognitive Automation</h4>
                                 </div>
                             </div>
                             <div class="row">
-                            
+
                                 <div class="col-2 align-vertically">
                                     <img src="{{ '/assets/images/expertises/img_coffre_tresor.png' | relative_url }}" class="img-illustration" alt="Software engineering" usemap="#camp">
                                     <div>
@@ -61,23 +61,23 @@ <h4>Software engineering</h4>
                                             <li>Construction d’équipes de réalisation : team is the product</li>
                                         </ul>
                                     </div>
-                                    
+
                                 </div>
-                                
+
                                 <div class="col-2 align-vertically">
                                     <img src="{{ '/assets/images/expertises/securite.png' | relative_url }}" class="img-illustration" alt="Securite" usemap="#camp">
                                     <div>
                                         <h4>DevSECOPS</h4>
-                                        <ul> 
+                                        <ul>
                                             <li>Démarche DevSecOps, tooling sécurité applicative et sécurisation chaines CI/CD</li>
                                             <li>Infrastructure as Code et automatisation</li>
                                             <li>Infrastructures cloud et container sécurisées</li>
                                             <li>Démarche d'architecture sécurité</li>
                                         </ul>
                                     </div>
-                                    
+
                                 </div>
-                                
+
                             </div>
                         </div>
 
@@ -174,22 +174,22 @@ <h3 class="title--section">Évènements.</h3>
         <div class="box content">
             <h3 class="title--section">Le campement.</h3>
 
-            <div class="row padded">
+            <div class="row row--alignCenter padded">
                 <div class="col">
-                    <img src="{{ '/assets/images/now-coworking/1.jpg' | relative_url }}" alt="Now Coworking">
+                    <a href="{{ '/assets/images/now-coworking/1.jpg' | relative_url }}" target="_blank"><img src="{{ '/assets/images/now-coworking/1.jpg' | relative_url }}" alt="Now Coworking"></a>
                 </div>
 
                 <div class="col">
-                    <img src="{{ '/assets/images/now-coworking/2.jpg' | relative_url }}" alt="Now Coworking">
+                    <a href="{{ '/assets/images/now-coworking/2.jpg' | relative_url }}" target="_blank"><img src="{{ '/assets/images/now-coworking/2.jpg' | relative_url }}" alt="Now Coworking"></a>
                 </div>
-
                 <div class="col">
-                    <img src="{{ '/assets/images/now-coworking/3.jpg' | relative_url }}" alt="Now Coworking">
+                    <a href="{{ '/assets/images/now-coworking/4.jpg' | relative_url }}" target="_blank"><img src="{{ '/assets/images/now-coworking/4.jpg' | relative_url }}" alt="Now Coworking"></a>
                 </div>
 
                 <div class="col">
-                    <img src="{{ '/assets/images/now-coworking/4.jpg' | relative_url }}" alt="Now Coworking">
+                    <a href="{{ '/assets/images/now-coworking/3.jpg' | relative_url }}" target="_blank"><img src="{{ '/assets/images/now-coworking/3.jpg' | relative_url }}" alt="Now Coworking"></a>
                 </div>
+
             </div>
         </div>
     </div>

join-us.html

@@ -7,7 +7,10 @@
     <div class="col">
         <div class="box box--lined">
             <h3 class="title--section">Rejoignez-nous.</h3>
-
+            <div class="content">
+                <a class="btn" href="mailto:{{site.email}}?subject=Je veux rejoindre OCTO Toulouse">Candidature
+                    spontanée</a>
+            </div>
             <div class="content">
                 {% for job in site.data.jobs %}
                 <a class="row job" href="{{job.url}}" target="_blank" itemscope
@@ -40,10 +43,6 @@ <h2 itemprop="title">{{job.title}}</h2>
                 {% endfor %}
             </div>
 
-            <div class="content">
-                <a class="btn" href="mailto:[email protected]?subject=Je veux rejoindre OCTO Toulouse">Candidature
-                    spontanée</a>
-            </div>
         </div>
     </div>
 </div>