feat: add new logo & mascots (#1190)

* feat: add new logo & mascots

* chore: add missing static files

* chore: add 2 new mascots

* docs: add new mascots

docs/source/configuration/template.rst

@@ -80,7 +80,7 @@ Example:
   html_theme_options = {
       'banner_button_text': 'Learn more',
       'banner_button_url': '#',
-      'banner_icon_path': '_static/mascots/scylla-opensource.svg',
+      'banner_icon_path': '_static/mascots-2/default.svg',
       'banner_title_text': 'ScyllaDB University Live | Free Virtual Training Event',
       'hide_banner': 'true',
   }

docs/source/examples/hero-box.rst

@@ -77,7 +77,7 @@ The ``hero-box`` directive supports the following options:
   * - ``image``
     - string
     -
-    - /_static/img/mascots/scylla-enterprise.svg
+    - /_static/img/mascots-2/enterprise.svg
     - Path to the image. The image should be located in the project's ``_static`` folder.
   * - ``search_box``
     - flag
@@ -116,15 +116,15 @@ Using:
 
     .. hero-box::
         :title: Lorem Ipsum
-        :image: /_static/img/mascots/scylla-enterprise.svg
+        :image: /_static/img/mascots-2/enterprise.svg
 
         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
 Results in:
 
 .. hero-box::
     :title: Lorem Ipsum
-    :image: /_static/img/mascots/scylla-enterprise.svg
+    :image: /_static/img/mascots-2/enterprise.svg
 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
@@ -158,7 +158,7 @@ Using:
 
     .. hero-box::
         :title: Lorem Ipsum
-        :image: /_static/img/mascots/scylla-enterprise.svg
+        :image: /_static/img/mascots-2/enterprise.svg
         :button_url: #
         :button_text: Project Name
 
@@ -168,7 +168,7 @@ Results in:
 
 .. hero-box::
     :title: Lorem Ipsum
-    :image: /_static/img/mascots/scylla-enterprise.svg
+    :image: /_static/img/mascots-2/enterprise.svg
     :button_url: #
     :button_text: Project Name
 
@@ -183,7 +183,7 @@ Using:
 
     .. hero-box::
         :title: Lorem Ipsum
-        :image: /_static/img/mascots/scylla-enterprise.svg
+        :image: /_static/img/mascots-2/enterprise.svg
         :button_url: #
         :button_icon: fa fa-github
         :button_text: Project Name
@@ -194,7 +194,7 @@ Results in:
 
 .. hero-box::
     :title: Lorem Ipsum
-    :image: /_static/img/mascots/scylla-enterprise.svg
+    :image: /_static/img/mascots-2/enterprise.svg
     :button_icon: fa fa-github
     :button_url: #
     :button_text: Project Name
@@ -210,7 +210,7 @@ Using:
 
     .. hero-box::
         :title: Lorem Ipsum
-        :image: /_static/img/mascots/scylla-enterprise.svg
+        :image: /_static/img/mascots-2/enterprise.svg
         :button_url: #
         :button_icon: fa fa-github
         :button_icon_position: right
@@ -222,7 +222,7 @@ Results in:
 
 .. hero-box::
     :title: Lorem Ipsum
-    :image: /_static/img/mascots/scylla-enterprise.svg
+    :image: /_static/img/mascots-2/enterprise.svg
     :button_icon: fa fa-github
     :button_icon_position: right
     :button_url: #
@@ -314,7 +314,7 @@ Hero box with everything
 
   .. hero-box::
       :title: Lorem ipsum
-      :image: /_static/img/mascots/scylla-enterprise.svg
+      :image: /_static/img/mascots-2/enterprise.svg
       :button_text: Project Name
       :button_url: #
       :button_style: bold
@@ -330,7 +330,7 @@ Results in:
 
 .. hero-box::
     :title: Lorem ipsum
-    :image: /_static/img/mascots/scylla-enterprise.svg
+    :image: /_static/img/mascots-2/enterprise.svg
     :button_text: Project Name
     :button_url: #
     :button_style: bold

docs/source/examples/index.rst

@@ -24,6 +24,7 @@ In general, there are main components to the markup of any document:
    labels
    links
    lists
+   mascots
    panel-box
    substitutions
    tables
@@ -50,6 +51,7 @@ In general, there are main components to the markup of any document:
   * :doc:`Labels <labels>`
   * :doc:`Links <links>`
   * :doc:`Lists <lists>`
+  * :doc:`Mascots <mascots>`
   * :doc:`Panel box <panel-box>`
   * :doc:`Substitutions <substitutions>`
   * :doc:`Tables <tables>`

docs/source/examples/mascots.rst

@@ -0,0 +1,223 @@
+Mascots
+=======
+
+Mascots can be used in :doc:`Topic box <topic-box>` and :doc:`Hero box <hero-box>` components.
+The images are available in the ``_static`` folder of the project, under the ``img/mascots-2`` directory.
+
+Preview
+-------
+
+.. raw:: html
+
+    <div class="topics-grid topics-grid--products">
+
+        <div class="grid-container full">
+            <div class="grid-x grid-margin-x">
+
+.. topic-box::
+    :title: 2-monster-laptop
+    :link: #
+    :image: /_static/img/mascots-2/2-monster-laptop.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: alternator
+    :link: #
+    :image: /_static/img/mascots-2/alternator.svg
+    :class: topic-box--product,large-3,small-6
+
+
+.. topic-box::
+    :title: award
+    :link: #
+    :image: /_static/img/mascots-2/award.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: care-pet
+    :link: #
+    :image: /_static/img/mascots-2/care-pet.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: cdc
+    :link: #
+    :image: /_static/img/mascots-2/cdc.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: chef
+    :link: #
+    :image: /_static/img/mascots-2/chef.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: cloud
+    :link: #
+    :image: /_static/img/mascots-2/cloud.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: default
+    :link: #
+    :image: /_static/img/mascots-2/default.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: docs
+    :link: #
+    :image: /_static/img/mascots-2/docs.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: driver
+    :link: #
+    :image: /_static/img/mascots-2/driver.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: forward
+    :link: #
+    :image: /_static/img/mascots-2/forward.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: forward-2
+    :link: #
+    :image: /_static/img/mascots-2/forward-2.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: headphones
+    :link: #
+    :image: /_static/img/mascots-2/headphones.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: heart
+    :link: #
+    :image: /_static/img/mascots-2/heart.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: laptop
+    :link: #
+    :image: /_static/img/mascots-2/laptop.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: magnifying-glass
+    :link: #
+    :image: /_static/img/mascots-2/magnifying-glass.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: manager
+    :link: #
+    :image: /_static/img/mascots-2/manager.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: monitor
+    :link: #
+    :image: /_static/img/mascots-2/monitor.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: open-mouth
+    :link: #
+    :image: /_static/img/mascots-2/open-mouth.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: operator
+    :link: #
+    :image: /_static/img/mascots-2/operator.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: plug
+    :link: #
+    :image: /_static/img/mascots-2/plug.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: repair
+    :link: #
+    :image: /_static/img/mascots-2/repair.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: server
+    :link: #
+    :image: /_static/img/mascots-2/server.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: sleepy
+    :link: #
+    :image: /_static/img/mascots-2/sleepy.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: smile-learning
+    :link: #
+    :image: /_static/img/mascots-2/smile-learning.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: stretched-up
+    :link: #
+    :image: /_static/img/mascots-2/stretched-up.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: toolbox
+    :link: #
+    :image: /_static/img/mascots-2/toolbox.svg
+    :class: topic-box--product,large-3,small-6
+
+.. topic-box::
+    :title: university
+    :link: #
+    :image: /_static/img/mascots-2/university.svg
+    :class: topic-box--product,large-3,small-6
+
+.. raw:: html
+
+    </div></div></div>
+
+Reference
+---------
+
+Available mascot images:
+
+-  ``/_static/img/mascots-2/2-monster-laptop.svg``
+-  ``/_static/img/mascots-2/alternator.svg``
+-  ``/_static/img/mascots-2/award.svg``
+-  ``/_static/img/mascots-2/care-pet.svg``
+-  ``/_static/img/mascots-2/cdc.svg``
+-  ``/_static/img/mascots-2/chef.svg``
+-  ``/_static/img/mascots-2/cloud.svg``
+-  ``/_static/img/mascots-2/default.svg``
+-  ``/_static/img/mascots-2/docs.svg``
+-  ``/_static/img/mascots-2/driver.svg``
+-  ``/_static/img/mascots-2/forward.svg``
+-  ``/_static/img/mascots-2/forward-2.svg``
+-  ``/_static/img/mascots-2/headphones.svg``
+-  ``/_static/img/mascots-2/heart.svg``
+-  ``/_static/img/mascots-2/laptop.svg``
+-  ``/_static/img/mascots-2/magnifying-glass.svg``
+-  ``/_static/img/mascots-2/manager.svg``
+-  ``/_static/img/mascots-2/monitor.svg``
+-  ``/_static/img/mascots-2/open-mouth.svg``
+-  ``/_static/img/mascots-2/operator.svg``
+-  ``/_static/img/mascots-2/plug.svg``
+-  ``/_static/img/mascots-2/repair.svg``
+-  ``/_static/img/mascots-2/server.svg``
+-  ``/_static/img/mascots-2/sleepy.svg``
+-  ``/_static/img/mascots-2/smile-learning.svg``
+-  ``/_static/img/mascots-2/stretched-up.svg``
+-  ``/_static/img/mascots-2/toolbox.svg``
+-  ``/_static/img/mascots-2/university.svg``
+