switch themify for fa

assets/js/script.js

@@ -38,8 +38,8 @@
     infinite: true,
     arrows: true,
     fade: true,
-    prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'ti-angle-left\'></i></button>',
+    prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'fa-solid fa-angle-left\'></i></button>',
-    nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'ti-angle-right\'></i></button>',
+    nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'fa-solid fa-angle-right\'></i></button>',
     dots: true
   });
   $('.hero-slider').slickAnimation();

assets/script.js

@@ -38,8 +38,8 @@
     infinite: true,
     arrows: true,
     fade: true,
-    prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'ti-angle-left\'></i></button>',
+    prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'fa-solid fa-angle-left\'></i></button>',
-    nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'ti-angle-right\'></i></button>',
+    nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'fa-solid fa-angle-right\'></i></button>',
     dots: true
   });
   $('.hero-slider').slickAnimation();

assets/scss/_common.scss

@@ -345,8 +345,8 @@ textarea.form-control{
 
       &::before {
         position: absolute;
-        content: "\e65d";
+        content: "\f138";
-        font-family: "themify";
+        font-family: "FontAwesome";
         font-size: 14px;
         left: 0;
         top: 1px;

assets/scss/_variables.scss

@@ -14,4 +14,4 @@ $gray: #f8f8f8;
 // Font Variables
 $primary-font: 'Fira Sans', sans-serif;
 $secondary-font: 'Fira Sans', sans-serif;
-$icon-font: 'themify';
+$icon-font: 'FontAwesome';

config.toml

@@ -30,7 +30,7 @@ link = "plugins/animate/animate.css"
 [[params.plugins.css]]
 link = "plugins/venobox/venobox.css"
 [[params.plugins.css]]
-link = "plugins/themify-icons/themify-icons.css"
+link = "plugins/fontawesome/css/all.css"
 [[params.plugins.css]]
 link = "plugins/fira/fira.css"
 
@@ -208,28 +208,28 @@ loader = "media/load.svg"
 ############################# social site ########################
 [[params.social]]
 title = "YouTube"
-icon = "ti-youtube" # themify icon : https://themify.me/themify-icons
+icon = "fa-brands fa-youtube"
 link = "https://www.youtube.com/channel/UCHafBDI5qfK03RiIEyki9VA"
 
 [[params.social]]
 title = "twitter"
-icon = "ti-twitter-alt" # themify icon : https://themify.me/themify-icons
+icon = "fa-brands fa-twitter"
 link = "https://twitter.com/cantor_news"
 
 [[params.social]]
 title = "instagram"
-icon = "ti-instagram" # themify icon : https://themify.me/themify-icons
+icon = "fa-brands fa-instagram"
 link = "https://instagram.com/cantor.news"
 
 [[params.social]]
 title = "Facebook"
-icon = "ti-facebook" # themify icon : https://themify.me/themify-icons
+icon = "fa-brands fa-facebook"
 link = "https://facebook.com/gcg.cantor.news"
 
 [[params.social]]
-title = "github"
+title = "GitLab"
-icon = "ti-github" # themify icon : https://themify.me/themify-icons
+icon = "fa-brands fa-gitlab"
-link = "https://github.com/eesev9ie"
+link = "https://gitlab.cantorgymnasium.de/gcg/"
 
 ################################### German language #####################################
 [Languages.de]

content/german/author/cantortechnik-ag.md

@@ -6,11 +6,11 @@ email: cantortechnik@protonmail.com
 image: /media/people/meincantor-round.png
 social:
   - title: YouTube
-    icon: ti-youtube
+    icon: fa-brands fa-youtube
     link: https://www.youtube.com/channel/UCFCJdxg2D9RXH0qjZ8MMw1g
   - title: GitHub
-    icon: ti-github
+    icon: fa-brands fa-gitlab
-    link: https://github.com/eesev9ie
+    link: https://gitlab.cantorgymnasium.de/cantortechnik/
 ---
 Wir sind eine AG am Georg-Cantor-Gymnasium, welche sich mit allen Themen rund um die digitale Welt am Georg-Cantor-Gymnasium beschäftigt. Des Weiteren betreiben wir die Schulwebsite des GCG.
 

content/german/author/denys-konovalov.md

@@ -6,7 +6,7 @@ email: denys.konovalov@pm.me
 image: media/people/dkonovalov.png
 social:
   - title: E-Mail
-    icon: ti-email
+    icon: fa-solid fa-at
     link: mailto:denys.konovalov@pm.me
 ---
 Ich bin ein Schüler der 8. Klasse am Georg-Cantor-Gymnasium in Halle(Saale).

content/german/schuelerrat/_index.md

@@ -75,7 +75,7 @@ Angebot wählen können.
 
 Wir haben für alle Schülerinnen und Schüler ein offenes Ohr und sind jederzeit ansprechbar.
 
-Außerdem sind wir per <a href="mailto:schuelerrat@cantor-gymnasium.de"><i class="ti-email"></i>Mail</a> erreichbar.
+Außerdem sind wir per <a href="mailto:schuelerrat@cantor-gymnasium.de"><i class="fa-solid fa-at"></i>Mail</a> erreichbar.
 
 ## Öffentlichkeitsarbeit
 

data/de/homepage.yml

@@ -119,7 +119,7 @@ success_banner:
       image: media/home/cds.png
       icon: ""
     - name: Und viel mehr ...
-      icon: ti-medal
+      icon: fa-solid fa-medal
       content: Durch umfassende Begabtenförderungsangebote sind unsere Schüler bei
         vielen Wettbewerben erfolgreich. Diese umfassen erweiterte Stoffgebiete,
         Spezialistenlager und begabtenfördernde Ganztagsangebote.

layouts/_default/ganztagsangebote.html

@@ -2,9 +2,9 @@
   <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
   <div class="card-body">
     <ul class="list-inline">
-      <li class="list-inline-item"><p><i class="ti-calendar"></i> {{ .Params.Weekly }}</p></li>
+      <li class="list-inline-item"><p><i class="fa-solid fa-calendar-day"></i> {{ .Params.Weekly }}</p></li>
       <br>
-      <li class="list-inline-item"><p><i class="ti-user"></i> {{ .Params.Class }}</p></li>
+      <li class="list-inline-item"><p><i class="fa-solid fa-user-group"></i> {{ .Params.Class }}</p></li>
     </ul>
     <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
     <!-- p class="card-text mb-4">{{ .Summary | truncate 100 }}</p-->

layouts/_default/list.html

@@ -17,10 +17,10 @@
                 <!-- post meta -->
                 <ul class="list-inline mb-3">
                   <!-- post date -->
-                  <li class="list-inline-item mr-3 ml-0"><i class="ti-calendar"></i>
+                  <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i>
                     {{ .PublishDate.Format "02 Jan, 2006" }}</li>
                   <!-- author -->
-                  <li class="list-inline-item mr-3 ml-0"><i class="ti-user"></i> <a
+                  <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-user"></i> <a
                       href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a>
                   </li>
                 </ul>

layouts/_default/post.html

@@ -4,9 +4,9 @@
     <!-- post meta -->
     <ul class="list-inline mb-3">
       <!-- post date -->
-      <li class="list-inline-item mr-3 ml-0"><i class="ti-calendar"></i> {{ .PublishDate.Format "02 Jan, 2006" }}</li>
+      <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-calendar-day"></i> {{ .PublishDate.Format "02 Jan, 2006" }}</li>
       <!-- author -->
-      <li class="list-inline-item mr-3 ml-0"><i class="ti-user"></i> <a
+      <li class="list-inline-item mr-3 ml-0"><i class="fa-solid fa-user"></i> <a
         href="{{ `author` | relLangURL }}{{ .Params.Author | urlize }}">{{ .Params.Author | title }}</a></li>
     </ul>
       <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>

layouts/_default/wettbewerbe.html

@@ -2,10 +2,8 @@
   <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
   <div class="card-body">
     <ul class="list-inline">
-      <!--li class="list-inline-item"><p><i class="ti-calendar"></i> {{ .Params.Duration }}</p></li-->
+      <li class="list-inline-item"><p><i class="fa-solid fa-book-bookmark"></i> {{ .Params.Category }}</p></li>
-      <li class="list-inline-item"><p><i class="ti-bookmark-alt"></i> {{ .Params.Category }}</p></li>
+    </ul>
-      <!--li class="list-inline-item"><p><i class="ti-user"></i> {{ .Params.Class }}</p></li>
-    </ul-->
     <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
     <!--p class="card-text mb-4">{{ .Summary | truncate 100 }}</p-->
     <a href="{{ .Permalink }}" class="btn btn-primary btn-sm text-uppercase">{{ i18n "read_more"}}</a>

layouts/ganztagsangebote/single.html

@@ -19,7 +19,7 @@
         <ul class="list-inline">
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="ti-calendar text-primary icon-md mr-2"></i>
+              <i class="fa-solid fa-calendar-day text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "weekly" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Weekly }}</p>
@@ -28,7 +28,7 @@
           </li>
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="ti-timer text-primary icon-md mr-2"></i>
+              <i class="fa-solid fa-clock text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "duration" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Duration }}</p>
@@ -37,7 +37,7 @@
           </li>
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="ti-user text-primary icon-md mr-2"></i>
+              <i class="fa-solid fa-user-group text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "class" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Class }}</p>
@@ -46,7 +46,7 @@
           </li>
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="ti-location-pin text-primary icon-md mr-2"></i>
+              <i class="fa-solid fa-location-dot text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "room" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Room }}</p>

layouts/index.html

@@ -181,7 +181,7 @@
           <p href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .title }}</p>
           <p class="mb-0">{{ .summary | truncate 100 }}</p>
         </div>
-        <div class="d-md-table-cell text-right pr-0 pr-md-4"><p><i class="ti-location-pin text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
+        <div class="d-md-table-cell text-right pr-0 pr-md-4"><p><i class="fa-solid fa-location-dot text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
 
       </li>
       {{ end }}

layouts/partials/info.html

@@ -6,7 +6,7 @@
     <div class="row">
       <div class="col-lg-6 col-sm-4 position-relative success-video">
         <a class="play-btn venobox" href="{{ .video_link | safeURL }}" data-vbtype="video">
-          <i class="ti-control-play"></i>
+          <i class="fa-solid fa-play"></i>
         </a>
       </div>
       <div class="col-lg-6 col-sm-8">

layouts/partials/page-header.html

@@ -5,7 +5,7 @@
       <div class="col-md-8">
         <ul class="list-inline custom-breadcrumb">
           <li class="list-inline-item h1"><a class="text-primary font-secondary" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Params.home }}</a></li>
-          <li class="list-inline-item h2"><i class="ti-angle-right text-white"></i></li>
+          <li class="list-inline-item h2"><i class="fa-solid fa-angle-right text-white"></i></li>
           <li class="list-inline-item text-white h1 font-secondary">{{ .Title }}</li>
         </ul>
         <p class="text-lighten">{{ .Params.Description | markdownify }}</p>

layouts/termine/list.html

@@ -12,7 +12,7 @@
               <p href="{{ .Permalink }}" class="h4 mb-3 d-block">{{ .title }}</p>
               <p class="mb-0">{{ .summary | truncate 100 }}</p>
             </div>
-            <div class="d-md-table-cell text-right pr-0 pr-md-4"><p><i class="ti-location-pin text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
+            <div class="d-md-table-cell text-right pr-0 pr-md-4"><p><i class="fa-solid fa-location-dot text-primary mr-2"></i>{{ .location | markdownify }}</p></div>
           </li>
           {{ end }}
         </ul>

layouts/wettbewerbe/single.html

@@ -19,7 +19,7 @@
         <ul class="list-inline">
           <li class="list-inline-item mr-4 mb-3 mb-sm-0">
             <div class="d-flex align-items-center">
-              <i class="ti-user text-primary icon-md mr-2"></i>
+              <i class="fa-solid fa-user-group text-primary icon-md mr-2"></i>
               <div class="text-left">
                 <h6 class="mb-0">{{ i18n "class" | upper }}</h6>
                 <p class="mb-0">{{ .Params.Class }}</p>

resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -339,7 +339,7 @@ a h4:hover {
   padding-left: 25px; }
   .custom-breadcrumb li.nasted::before {
     position: absolute;
-    font-family: "themify";
+    font-family: "FontAwesome";
     content: "\e649";
     font-size: 20px;
     top: 50%;
@@ -410,8 +410,8 @@ textarea.form-control {
     list-style-type: none; }
     .content ul li::before {
       position: absolute;
-      content: "\e65d";
+      content: "\f138";
-      font-family: "themify";
+      font-family: "FontAwesome";
       font-size: 14px;
       left: 0;
       top: 1px;

static/admin/config.yml

@@ -214,7 +214,7 @@ collections:
                 fields:
                   - {label: "Bezeichnung", name: "title", widget: "string"}
                   - {label: "Symbol", name: "icon", widget: "string"}
-                  - {label: "Link", name: "link", widget: "string", hint: "Liste unter https://themify.me/themify-icons"}
+                  - {label: "Link", name: "link", widget: "string", hint: "Liste unter https://fontawesome.com/search"}
           - label: "Menü"
             name: "menu"
             widget: "object"
@@ -401,22 +401,16 @@ collections:
             name: "icon"
             widget: "select"
             options:
-              - { label: "Flickr", value: "ti-flickr" }
+              - { label: "YouTube", value: "fa-brands fa-youtube" }
-              - { label: "Tumblr", value: "ti-tumblr" }
+              - { label: "Twitter", value: "fa-brands fs-twitter" }
-              - { label: "YouTube", value: "ti-youtube" }
+              - { label: "Pinterest", value: "fa-brands fa-pinterest" }
-              - { label: "Twitter", value: "ti-twitter-alt" }
+              - { label: "GitHub", value: "fa-brands fa-github" }
-              - { label: "Pinterest", value: "ti-pinterest" }
+              - { label: "GitLab", value: "fa-brands fa-gitlab" }
-              - { label: "GitHub", value: "ti-github" }
+              - { label: "Vimeo", value: "fa-brands fa-vimeo" }
-              - { label: "StackOverflow", value: "ti-stack-overflow" }
+              - { label: "Instagram", value: "fa-brands fa-instagram" }
-              - { label: "Vimeo", value: "ti-vimeo" }
+              - { label: "Facebook", value: "fa-brands fa-facebook" }
-              - { label: "Instagram", value: "ti-instagram" }
+              - { label: "E-Mail", value: "fa-solid fa-at" }
-              - { label: "Facebook", value: "ti-facebook" }
+              - { label: "Sonstige", value: "fa-solid fa-share-nodes" }
-              - { label: "SoundCloud", value: "ti-soundcloud" }
-              - { label: "Reddit", value: "ti-reddit" }
-              - { label: "Skype", value: "ti-skype" }
-              - { label: "LinkedIn", value: "ti-linkedin" }
-              - { label: "E-Mail", value: "ti-email" }
-              - { label: "Sonstige", value: "ti-sharethis" }
           - {label: "Link", name: "link", widget: "string"}
         required: false
       - {label: "Beschreibung", name: "body", widget: "markdown"}
@@ -513,7 +507,7 @@ collections:
         widget: "list"
         fields:
           - {label: "Name/Adresse/Telefonnummer", name: "name", widget: "string"}
-          - {label: "Symbol", name: "icon", widget: "string", hint: "Symbolname von https://themify.me/themify-icons"}
+          - {label: "Symbol", name: "icon", widget: "string", hint: "Symbolname von https://fontawesome.com/search"}
           - {label: "Link", name: "link", widget: "string"}
       - {label: "Type", name: "type", widget: "hidden", default: "cantorpreis"}
       - {label: "Text", name: "body", widget: "markdown"}

static/admin/index.html

@@ -224,7 +224,7 @@ CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/bootstrap/boots
 CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/slick/slick.css");
 CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/animate/animate.css");
 CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/venobox/venobox.css");
-CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/themify-icons/themify-icons.css");
+CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/fontawesome/css/all.css");
 CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/plugins/fira/fira.css");
 CMS.registerPreviewStyle("https://neu.cantorgymnasium.de/scss/style.css");
 </script>
@@ -245,7 +245,7 @@ var PostPreview = createClass({
                       h('li', {"className": "list-inline-item h1"},
                         h('a', {"className": "text-primary font-secondary", href: ""}, "Schulchronik")),
                       h('li', {"className": "list-inline-item ha"},
-                        h("i", {"className": "ti-angle-right text-white"})),
+                        h("i", {"className": "fa-solid fa-angle-right text-white"})),
                       h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title']))
                     )
                   )
@@ -283,7 +283,7 @@ var PostPreviewContent = createClass({
                       h('li', {"className": "list-inline-item h1"},
                         h('a', {"className": "text-primary font-secondary", href: ""}, "Schulchronik")),
                       h('li', {"className": "list-inline-item ha"},
-                        h("i", {"className": "ti-angle-right text-white"})),
+                        h("i", {"className": "fa-solid fa-angle-right text-white"})),
                       h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title']))
                     )
                   )
@@ -326,7 +326,7 @@ var EventPreview = createClass({
                           h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                         ),
                         h('li', {"className": "list-inline-item ha"},
-                          h("i", {"className": "ti-angle-right text-white"})
+                          h("i", {"className": "fa-solid fa-angle-right text-white"})
                         ),
                         h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title'])
                         )
@@ -353,7 +353,7 @@ var EventPreview = createClass({
                             ),
                             h('div', {"className": "d-md-table-cell text-right pr-0 pr-md-4"},
                               h('p', {},
-                                h('i', {"className": "ti-location-pin text-primary mr-2"}),
+                                h('i', {"className": "fa-solid fa-location-dot text-primary mr-2"}),
                                 event.getIn(['data', 'location'])
                               )
                             )
@@ -390,7 +390,7 @@ var PagePreview = createClass({
                           h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                         ),
                         h('li', {"className": "list-inline-item ha"},
-                          h("i", {"className": "ti-angle-right text-white"})
+                          h("i", {"className": "fa-solid fa-angle-right text-white"})
                         ),
                         h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title'])
                         )
@@ -431,7 +431,7 @@ var PagePreviewImage = createClass({
                           h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
                         ),
                         h('li', {"className": "list-inline-item ha"},
-                          h("i", {"className": "ti-angle-right text-white"})
+                          h("i", {"className": "fa-solid fa-angle-right text-white"})
                         ),
                         h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title'])
                         )