From a4090dae7095c2d1b82c2d975112130ce102cde8 Mon Sep 17 00:00:00 2001
From: Luis Aleixo <luis.aleixo@cern.ch>
Date: Wed, 3 Nov 2021 14:39:39 +0100
Subject: [PATCH] Added buttons on landing page to go directly to calculator or
 expert apps

---
 cara/apps/static/css/style.css        | 16 +++++++++
 cara/apps/static/icons/calculator.svg | 51 +++++++++++++++++++++++++++
 cara/apps/static/icons/expert.svg     | 14 ++++++++
 cara/apps/templates/index.html.j2     | 13 ++++++-
 4 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 cara/apps/static/icons/calculator.svg
 create mode 100644 cara/apps/static/icons/expert.svg

diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index e25f90ad..248300b8 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -152,6 +152,18 @@ body {
   color: black;
 }
 
+.icon-calculator {
+  background: url(../icons/calculator.svg);
+  width: 30px;
+  display: block;
+}
+
+.icon-expert {
+  background: url(../icons/expert.svg);
+  width: 30px;
+  display: block;
+}
+
 /*===== FIXED BACKGROUND IMG =====*/
 
 .fixed-background {
@@ -207,6 +219,10 @@ footer img {
   
   .navbar .nav-item .dropdown-menu{ margin-top:0; }
 
+  #apps_section {
+    display: inline!important;
+  }
+
 }
 /* Devices under 768px (md) */
 /* @media (max-width: 767.98px) {
diff --git a/cara/apps/static/icons/calculator.svg b/cara/apps/static/icons/calculator.svg
new file mode 100644
index 00000000..2d6a6e0c
--- /dev/null
+++ b/cara/apps/static/icons/calculator.svg
@@ -0,0 +1,51 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7551 25.25C18.8259 25.5185 18.5035 25.8388 18.032 25.9657C17.5605 26.0926 17.1197 25.9763 17.0478 25.7067C16.9897 25.4953 17.1831 25.2447 17.5066 25.0883C17.4888 24.7642 17.3935 24.4492 17.2286 24.1696C17.053 23.8773 16.8178 23.6252 16.5383 23.4296C16.0028 23.5265 15.4598 23.5757 14.9157 23.5766C14.6715 23.816 14.4806 24.1041 14.3554 24.4223C14.2405 24.7254 14.2003 25.0517 14.2381 25.3737C14.5911 25.4731 14.8322 25.6908 14.8121 25.9086C14.7867 26.1877 14.3628 26.3759 13.8607 26.3315C13.3586 26.2871 12.9769 26.0238 13.0023 25.7448C13.0224 25.5228 13.2983 25.3568 13.6641 25.3219C13.761 25.0103 13.7806 24.6797 13.7211 24.3589C13.6552 24.0306 13.5232 23.7191 13.3332 23.4434C12.7906 23.3519 12.2577 23.2104 11.7412 23.0205L11.8353 23.066C11.5121 23.2078 11.2236 23.4181 10.9896 23.6823C10.776 23.9281 10.6247 24.2219 10.5488 24.5386C10.8458 24.75 11.0002 25.0365 10.904 25.2384C10.7845 25.4921 10.3205 25.5228 9.86695 25.3071C9.41346 25.0915 9.1439 24.7141 9.26547 24.4614C9.36166 24.2606 9.67562 24.1982 10.0308 24.2923C10.2289 24.0338 10.3607 23.7307 10.4145 23.4096C10.4689 23.0681 10.4505 22.7191 10.3606 22.3852C9.9037 22.1281 9.47005 21.8317 9.06462 21.4993C8.73795 21.536 8.42235 21.6397 8.13754 21.8038C7.85732 21.9682 7.62117 22.1982 7.44937 22.474C7.66079 22.7732 7.71681 23.0914 7.56142 23.2521C7.36691 23.4529 6.91765 23.3334 6.55717 22.9878C6.1967 22.6421 6.06034 22.1939 6.25485 21.992C6.41024 21.8313 6.72737 21.8746 7.03393 22.0776C7.30374 21.8949 7.52505 21.6492 7.67876 21.3619C7.83193 21.0703 7.92401 20.7505 7.94938 20.4221C7.58719 20.0058 7.26246 19.5583 6.97896 19.0849C6.66575 19.0178 6.34232 19.0138 6.02757 19.0732C5.70791 19.136 5.40848 19.2761 5.15546 19.4813C5.26117 19.8333 5.20831 20.1504 5.00852 20.2519C4.75799 20.3788 4.37426 20.1198 4.14593 19.6737C3.91759 19.2276 3.93451 18.7614 4.18504 18.6345C4.38483 18.5288 4.67131 18.6779 4.89436 18.9707C5.20932 18.8859 5.49934 18.7267 5.74004 18.5066C5.98184 18.2785 6.17494 18.0037 6.3077 17.699C6.09935 17.1724 5.94114 16.6273 5.83518 16.071C5.57249 15.9038 5.27933 15.7903 4.97258 15.7369C4.65131 15.6817 4.32138 15.706 4.01168 15.8078C3.98208 16.1725 3.8214 16.4516 3.60046 16.4748C3.32139 16.5055 3.05289 16.1249 2.99792 15.6291C2.94295 15.1333 3.129 14.7031 3.40596 14.6724C3.62901 14.6481 3.84465 14.8838 3.95036 15.238C4.27368 15.2705 4.60007 15.2245 4.90175 15.1037C5.19303 14.9843 5.45834 14.8095 5.68295 14.5889C5.68295 14.5212 5.68295 14.4525 5.68295 14.3859C5.68243 13.9338 5.71529 13.4822 5.78126 13.0349C5.58616 12.7654 5.33657 12.54 5.04869 12.3732C4.76731 12.21 4.44987 12.1192 4.12479 12.1089C3.97045 12.4408 3.72415 12.647 3.50638 12.593C3.23471 12.5243 3.1142 12.074 3.23577 11.5888C3.35733 11.1036 3.67869 10.7632 3.94825 10.8329C4.16601 10.8868 4.28758 11.1839 4.26538 11.5507C4.55759 11.6946 4.88063 11.7647 5.2062 11.7547C5.52797 11.7442 5.84419 11.6679 6.13539 11.5306C6.30498 11.0148 6.5197 10.515 6.77705 10.0369C6.67858 9.71196 6.51251 9.4115 6.28973 9.15526C6.07451 8.911 5.80316 8.72272 5.49902 8.60662C5.24743 8.87301 4.94616 8.98929 4.75905 8.86773C4.52543 8.7155 4.55397 8.25142 4.82565 7.83069C5.09732 7.40995 5.50959 7.19007 5.74532 7.34229C5.93243 7.46386 5.95146 7.78523 5.81192 8.12457C6.04284 8.35434 6.32618 8.52449 6.63751 8.62036C6.96748 8.71808 7.31429 8.74546 7.6555 8.7007C7.80773 8.50513 7.97263 8.31591 8.13965 8.13302L10.0942 10.1363C7.85212 12.7654 7.33732 16.3511 8.76546 19.0648C10.627 22.6019 15.5721 24.2299 19.8724 22.1051C19.3045 22.4738 18.6972 22.7776 18.0616 23.011C17.9159 23.325 17.8374 23.666 17.8312 24.0121C17.8287 24.3364 17.9041 24.6565 18.051 24.9456C18.403 24.916 18.6969 25.0344 18.7551 25.25Z" fill="#BE202E"/>
+<path d="M19.8694 22.1125C19.2298 22.5216 17.1283 23.751 14.4517 23.3419C11.1694 22.8366 8.37974 20.0881 7.90722 16.6883C7.41144 13.1026 9.74446 10.5158 10.0912 10.1437L10.1018 10.1564C9.09463 11.2904 8.5243 12.7461 8.49299 14.2624C8.46168 15.7788 8.97144 17.2568 9.9309 18.4314C10.8904 19.6061 12.2368 20.4006 13.7289 20.6726C15.221 20.9446 16.7611 20.6763 18.0734 19.9158L18.2361 19.8174L19.8694 22.1125Z" fill="#69121A"/>
+<path d="M19.8787 22.1177C18.2736 23.158 16.3411 23.5694 14.4516 23.2731C12.562 22.9768 10.8482 21.9936 9.63857 20.512C8.42895 19.0303 7.8086 17.1544 7.89637 15.2437C7.98414 13.333 8.77387 11.5219 10.1142 10.1574" stroke="white" stroke-width="0.98" stroke-miterlimit="10"/>
+<path d="M14.9854 3.12747C16.6751 3.02124 18.3668 3.30067 19.9326 3.94463C25.6853 6.30097 28.4296 12.8974 26.0638 18.6778C25.4352 20.2204 24.4728 21.6046 23.2455 22.7308" stroke="#0054A6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M22.8652 17.6651C22.9463 17.6651 23.0121 17.5993 23.0121 17.5182C23.0121 17.437 22.9463 17.3712 22.8652 17.3712C22.784 17.3712 22.7183 17.437 22.7183 17.5182C22.7183 17.5993 22.784 17.6651 22.8652 17.6651Z" fill="#3B9EFF"/>
+<path d="M23.0875 16.533C23.1733 16.533 23.2429 16.4635 23.2429 16.3776C23.2429 16.2918 23.1733 16.2222 23.0875 16.2222C23.0017 16.2222 22.9321 16.2918 22.9321 16.3776C22.9321 16.4635 23.0017 16.533 23.0875 16.533Z" fill="#379AF9"/>
+<path d="M23.1322 15.3575C23.2233 15.3575 23.2971 15.2836 23.2971 15.1926C23.2971 15.1015 23.2233 15.0276 23.1322 15.0276C23.0411 15.0276 22.9673 15.1015 22.9673 15.1926C22.9673 15.2836 23.0411 15.3575 23.1322 15.3575Z" fill="#3395F4"/>
+<path d="M22.9864 14.1523C23.0828 14.1523 23.1609 14.0742 23.1609 13.9778C23.1609 13.8815 23.0828 13.8034 22.9864 13.8034C22.8901 13.8034 22.812 13.8815 22.812 13.9778C22.812 14.0742 22.8901 14.1523 22.9864 14.1523Z" fill="#3090EE"/>
+<path d="M22.6521 12.9863C22.7531 12.9863 22.835 12.9044 22.835 12.8034C22.835 12.7024 22.7531 12.6205 22.6521 12.6205C22.5511 12.6205 22.4692 12.7024 22.4692 12.8034C22.4692 12.9044 22.5511 12.9863 22.6521 12.9863Z" fill="#2C8CE9"/>
+<path d="M22.1504 11.9144C22.2567 11.9144 22.3428 11.8283 22.3428 11.722C22.3428 11.6157 22.2567 11.5296 22.1504 11.5296C22.0441 11.5296 21.958 11.6157 21.958 11.722C21.958 11.8283 22.0441 11.9144 22.1504 11.9144Z" fill="#2887E3"/>
+<path d="M21.4982 10.9469C21.6091 10.9469 21.6991 10.857 21.6991 10.7461C21.6991 10.6352 21.6091 10.5452 21.4982 10.5452C21.3873 10.5452 21.2974 10.6352 21.2974 10.7461C21.2974 10.857 21.3873 10.9469 21.4982 10.9469Z" fill="#2583DE"/>
+<path d="M20.7108 10.1002C20.827 10.1002 20.9212 10.0061 20.9212 9.88987C20.9212 9.77369 20.827 9.6795 20.7108 9.6795C20.5947 9.6795 20.5005 9.77369 20.5005 9.88987C20.5005 10.0061 20.5947 10.1002 20.7108 10.1002Z" fill="#217ED8"/>
+<path d="M19.8063 9.38465C19.9277 9.38465 20.0262 9.2862 20.0262 9.16477C20.0262 9.04333 19.9277 8.94489 19.8063 8.94489C19.6849 8.94489 19.5864 9.04333 19.5864 9.16477C19.5864 9.2862 19.6849 9.38465 19.8063 9.38465Z" fill="#1D79D3"/>
+<path d="M18.804 8.8116C18.9301 8.8116 19.0323 8.70937 19.0323 8.58326C19.0323 8.45715 18.9301 8.35492 18.804 8.35492C18.6779 8.35492 18.5757 8.45715 18.5757 8.58326C18.5757 8.70937 18.6779 8.8116 18.804 8.8116Z" fill="#1A75CD"/>
+<path d="M17.7208 8.3963C17.8521 8.3963 17.9586 8.28981 17.9586 8.15845C17.9586 8.02708 17.8521 7.92059 17.7208 7.92059C17.5894 7.92059 17.4829 8.02708 17.4829 8.15845C17.4829 8.28981 17.5894 8.3963 17.7208 8.3963Z" fill="#1670C7"/>
+<path d="M16.5716 8.15202C16.7082 8.15202 16.8189 8.04127 16.8189 7.90466C16.8189 7.76804 16.7082 7.65729 16.5716 7.65729C16.435 7.65729 16.3242 7.76804 16.3242 7.90466C16.3242 8.04127 16.435 8.15202 16.5716 8.15202Z" fill="#126BC2"/>
+<path d="M15.3745 8.08764C15.5158 8.08764 15.6303 7.9731 15.6303 7.83181C15.6303 7.69052 15.5158 7.57599 15.3745 7.57599C15.2332 7.57599 15.1187 7.69052 15.1187 7.83181C15.1187 7.9731 15.2332 8.08764 15.3745 8.08764Z" fill="#0F67BC"/>
+<path d="M14.1506 8.21964C14.2971 8.21964 14.4159 8.10084 14.4159 7.9543C14.4159 7.80776 14.2971 7.68896 14.1506 7.68896C14.004 7.68896 13.8853 7.80776 13.8853 7.9543C13.8853 8.10084 14.004 8.21964 14.1506 8.21964Z" fill="#0B62B7"/>
+<path d="M12.9838 8.53878C13.1356 8.53878 13.2587 8.41572 13.2587 8.26393C13.2587 8.11213 13.1356 7.98907 12.9838 7.98907C12.832 7.98907 12.709 8.11213 12.709 8.26393C12.709 8.41572 12.832 8.53878 12.9838 8.53878Z" fill="#075EB1"/>
+<path d="M11.9068 9.02407C12.0633 9.02407 12.1901 8.89723 12.1901 8.74077C12.1901 8.5843 12.0633 8.45746 11.9068 8.45746C11.7504 8.45746 11.6235 8.5843 11.6235 8.74077C11.6235 8.89723 11.7504 9.02407 11.9068 9.02407Z" fill="#0459AC"/>
+<path d="M10.932 9.66164C11.0937 9.66164 11.2248 9.53054 11.2248 9.36881C11.2248 9.20709 11.0937 9.07599 10.932 9.07599C10.7703 9.07599 10.6392 9.20709 10.6392 9.36881C10.6392 9.53054 10.7703 9.66164 10.932 9.66164Z" fill="#0054A6"/>
+<path d="M22.8792 21.9971C23.041 21.9971 23.1721 21.866 23.1721 21.7043C23.1721 21.5425 23.041 21.4114 22.8792 21.4114C22.7175 21.4114 22.5864 21.5425 22.5864 21.7043C22.5864 21.866 22.7175 21.9971 22.8792 21.9971Z" fill="#3B9EFF"/>
+<path d="M24.1063 20.3776C24.275 20.3776 24.4118 20.2408 24.4118 20.0721C24.4118 19.9034 24.275 19.7666 24.1063 19.7666C23.9376 19.7666 23.8008 19.9034 23.8008 20.0721C23.8008 20.2408 23.9376 20.3776 24.1063 20.3776Z" fill="#3698F8"/>
+<path d="M25.0027 18.4854C25.1778 18.4854 25.3198 18.3434 25.3198 18.1683C25.3198 17.9931 25.1778 17.8511 25.0027 17.8511C24.8275 17.8511 24.6855 17.9931 24.6855 18.1683C24.6855 18.3434 24.8275 18.4854 25.0027 18.4854Z" fill="#3192F0"/>
+<path d="M25.4973 16.4029C25.6795 16.4029 25.8271 16.2552 25.8271 16.073C25.8271 15.8909 25.6795 15.7432 25.4973 15.7432C25.3151 15.7432 25.1675 15.8909 25.1675 16.073C25.1675 16.2552 25.3151 16.4029 25.4973 16.4029Z" fill="#2C8CE9"/>
+<path d="M25.547 14.3255C25.7356 14.3255 25.8885 14.1727 25.8885 13.9841C25.8885 13.7955 25.7356 13.6426 25.547 13.6426C25.3584 13.6426 25.2056 13.7955 25.2056 13.9841C25.2056 14.1727 25.3584 14.3255 25.547 14.3255Z" fill="#2786E1"/>
+<path d="M25.1788 12.3214C25.3744 12.3214 25.533 12.1628 25.533 11.9672C25.533 11.7717 25.3744 11.6131 25.1788 11.6131C24.9833 11.6131 24.8247 11.7717 24.8247 11.9672C24.8247 12.1628 24.9833 12.3214 25.1788 12.3214Z" fill="#227FDA"/>
+<path d="M24.417 10.4469C24.619 10.4469 24.7828 10.2832 24.7828 10.0812C24.7828 9.87915 24.619 9.71539 24.417 9.71539C24.215 9.71539 24.0513 9.87915 24.0513 10.0812C24.0513 10.2832 24.215 10.4469 24.417 10.4469Z" fill="#1D79D3"/>
+<path d="M23.2988 8.763C23.5079 8.763 23.6773 8.59357 23.6773 8.38455C23.6773 8.17554 23.5079 8.0061 23.2988 8.0061C23.0898 8.0061 22.9204 8.17554 22.9204 8.38455C22.9204 8.59357 23.0898 8.763 23.2988 8.763Z" fill="#1873CB"/>
+<path d="M21.8515 7.32636C22.0669 7.32636 22.2416 7.15172 22.2416 6.93628C22.2416 6.72085 22.0669 6.5462 21.8515 6.5462C21.6361 6.5462 21.4614 6.72085 21.4614 6.93628C21.4614 7.15172 21.6361 7.32636 21.8515 7.32636Z" fill="#146DC4"/>
+<path d="M20.1034 6.19744C20.3259 6.19744 20.5062 6.01711 20.5062 5.79467C20.5062 5.57223 20.3259 5.39191 20.1034 5.39191C19.881 5.39191 19.7007 5.57223 19.7007 5.79467C19.7007 6.01711 19.881 6.19744 20.1034 6.19744Z" fill="#0F67BC"/>
+<path d="M18.0965 5.43847C18.3254 5.43847 18.5109 5.25294 18.5109 5.02408C18.5109 4.79521 18.3254 4.60968 18.0965 4.60968C17.8677 4.60968 17.6821 4.79521 17.6821 5.02408C17.6821 5.25294 17.8677 5.43847 18.0965 5.43847Z" fill="#0A61B5"/>
+<path d="M16.0277 5.12326C16.2635 5.12326 16.4547 4.93205 16.4547 4.69618C16.4547 4.46031 16.2635 4.2691 16.0277 4.2691C15.7918 4.2691 15.6006 4.46031 15.6006 4.69618C15.6006 4.93205 15.7918 5.12326 16.0277 5.12326Z" fill="#055AAD"/>
+<path d="M13.9881 5.23854C14.231 5.23854 14.4279 5.04165 14.4279 4.79877C14.4279 4.5559 14.231 4.35901 13.9881 4.35901C13.7452 4.35901 13.5483 4.5559 13.5483 4.79877C13.5483 5.04165 13.7452 5.23854 13.9881 5.23854Z" fill="#0054A6"/>
+<path d="M22.8459 19.9685C22.9673 19.9685 23.0657 19.8701 23.0657 19.7486C23.0657 19.6272 22.9673 19.5287 22.8459 19.5287C22.7244 19.5287 22.626 19.6272 22.626 19.7486C22.626 19.8701 22.7244 19.9685 22.8459 19.9685Z" fill="#3B9EFF"/>
+<path d="M23.5288 18.6175C23.6561 18.6175 23.7592 18.5143 23.7592 18.387C23.7592 18.2597 23.6561 18.1566 23.5288 18.1566C23.4015 18.1566 23.2983 18.2597 23.2983 18.387C23.2983 18.5143 23.4015 18.6175 23.5288 18.6175Z" fill="#3699F9"/>
+<path d="M23.973 17.1355C24.1061 17.1355 24.214 17.0276 24.214 16.8945C24.214 16.7614 24.1061 16.6534 23.973 16.6534C23.8398 16.6534 23.7319 16.7614 23.7319 16.8945C23.7319 17.0276 23.8398 17.1355 23.973 17.1355Z" fill="#3294F2"/>
+<path d="M24.1524 15.5456C24.2908 15.5456 24.4029 15.4334 24.4029 15.295C24.4029 15.1567 24.2908 15.0445 24.1524 15.0445C24.014 15.0445 23.9019 15.1567 23.9019 15.295C23.9019 15.4334 24.014 15.5456 24.1524 15.5456Z" fill="#2E8EEC"/>
+<path d="M24.0428 13.9788C24.187 13.9788 24.3039 13.8619 24.3039 13.7177C24.3039 13.5735 24.187 13.4566 24.0428 13.4566C23.8986 13.4566 23.7817 13.5735 23.7817 13.7177C23.7817 13.8619 23.8986 13.9788 24.0428 13.9788Z" fill="#2A89E6"/>
+<path d="M23.6667 12.4915C23.8167 12.4915 23.9384 12.3699 23.9384 12.2199C23.9384 12.0698 23.8167 11.9482 23.6667 11.9482C23.5167 11.9482 23.395 12.0698 23.395 12.2199C23.395 12.3699 23.5167 12.4915 23.6667 12.4915Z" fill="#2684DF"/>
+<path d="M23.0415 11.1097C23.1974 11.1097 23.3238 10.9834 23.3238 10.8275C23.3238 10.6716 23.1974 10.5452 23.0415 10.5452C22.8856 10.5452 22.7593 10.6716 22.7593 10.8275C22.7593 10.9834 22.8856 11.1097 23.0415 11.1097Z" fill="#227FD9"/>
+<path d="M22.1937 9.86232C22.3554 9.86232 22.4865 9.73122 22.4865 9.5695C22.4865 9.40777 22.3554 9.27667 22.1937 9.27667C22.032 9.27667 21.9009 9.40777 21.9009 9.5695C21.9009 9.73122 22.032 9.86232 22.1937 9.86232Z" fill="#1D79D3"/>
+<path d="M21.1408 8.77989C21.3083 8.77989 21.4442 8.64405 21.4442 8.47649C21.4442 8.30893 21.3083 8.1731 21.1408 8.1731C20.9732 8.1731 20.8374 8.30893 20.8374 8.47649C20.8374 8.64405 20.9732 8.77989 21.1408 8.77989Z" fill="#1974CC"/>
+<path d="M19.9106 7.89081C20.084 7.89081 20.2246 7.75025 20.2246 7.57685C20.2246 7.40345 20.084 7.26288 19.9106 7.26288C19.7372 7.26288 19.5967 7.40345 19.5967 7.57685C19.5967 7.75025 19.7372 7.89081 19.9106 7.89081Z" fill="#156FC6"/>
+<path d="M18.5223 7.22275C18.7015 7.22275 18.8468 7.07745 18.8468 6.89821C18.8468 6.71897 18.7015 6.57367 18.5223 6.57367C18.3431 6.57367 18.1978 6.71897 18.1978 6.89821C18.1978 7.07745 18.3431 7.22275 18.5223 7.22275Z" fill="#1169BF"/>
+<path d="M16.9977 6.80407C17.1828 6.80407 17.3328 6.65404 17.3328 6.46896C17.3328 6.28388 17.1828 6.13385 16.9977 6.13385C16.8126 6.13385 16.6626 6.28388 16.6626 6.46896C16.6626 6.65404 16.8126 6.80407 16.9977 6.80407Z" fill="#0D64B9"/>
+<path d="M15.4028 6.66554C15.5937 6.66554 15.7485 6.51077 15.7485 6.31986C15.7485 6.12895 15.5937 5.97418 15.4028 5.97418C15.2119 5.97418 15.0571 6.12895 15.0571 6.31986C15.0571 6.51077 15.2119 6.66554 15.4028 6.66554Z" fill="#085FB3"/>
+<path d="M13.8566 6.81055C14.0528 6.81055 14.2118 6.65152 14.2118 6.45535C14.2118 6.25918 14.0528 6.10016 13.8566 6.10016C13.6605 6.10016 13.5015 6.25918 13.5015 6.45535C13.5015 6.65152 13.6605 6.81055 13.8566 6.81055Z" fill="#045AAC"/>
+<path d="M12.3892 7.21859C12.5912 7.21859 12.7549 7.05483 12.7549 6.85283C12.7549 6.65082 12.5912 6.48706 12.3892 6.48706C12.1872 6.48706 12.0234 6.65082 12.0234 6.85283C12.0234 7.05483 12.1872 7.21859 12.3892 7.21859Z" fill="#0054A6"/>
+</svg>
diff --git a/cara/apps/static/icons/expert.svg b/cara/apps/static/icons/expert.svg
new file mode 100644
index 00000000..ce82a549
--- /dev/null
+++ b/cara/apps/static/icons/expert.svg
@@ -0,0 +1,14 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="2.75" y1="22.5" x2="2.75" y2="6" stroke="black" stroke-width="0.5"/>
+<path d="M2.5 22.5L27.505 22.5007" stroke="black" stroke-width="0.5"/>
+<path d="M3.5234 21.4543C16.625 21.4543 -0.900434 6.85712 26.4628 7.01826" stroke="#BE202E" stroke-width="0.5"/>
+<path d="M3.2959 21.4177C16.3975 21.4177 14.6631 9.55249 26.4697 9.55249" stroke="#3B9EFF" stroke-width="0.5"/>
+<path d="M3.41309 21.2957C17.2564 22.1692 19.9072 11.9792 26.5723 12.7556" stroke="#69121A" stroke-width="0.5"/>
+<rect x="3.7793" y="7.08667" width="6.94336" height="0.292969" stroke="black" stroke-width="0.292969"/>
+<circle cx="7.79297" cy="7.23315" r="0.380859" fill="#1D79D3"/>
+<rect x="3.7793" y="9.37183" width="6.94336" height="0.292969" stroke="black" stroke-width="0.292969"/>
+<circle cx="6.32812" cy="9.51831" r="0.380859" fill="#1D79D3"/>
+<rect x="3.7793" y="8.22925" width="6.94336" height="0.292969" stroke="black" stroke-width="0.292969"/>
+<circle cx="9.55078" cy="8.37573" r="0.380859" fill="#1D79D3"/>
+<path d="M3.39844 15H26.5723" stroke="black" stroke-width="0.5" stroke-dasharray="1 1"/>
+</svg>
diff --git a/cara/apps/templates/index.html.j2 b/cara/apps/templates/index.html.j2
index e93898e7..7517df9b 100644
--- a/cara/apps/templates/index.html.j2
+++ b/cara/apps/templates/index.html.j2
@@ -23,8 +23,19 @@
         It includes detailed instructions on how to run your own version of this tool.
         </p>
     </div>
-
     <br>
+    
+    <div id="apps_section" class="d-none">
+      <div class="d-flex flex-row" >
+        <h2 class="paragraph-title pr-4 align-self-center">Apps:</h2>
+        <br>
+        <div class="pr-3"><a href="{{ calculator_prefix }}" role="button" class="btn btn-lg btn-outline-primary"><div class="d-flex d-row"><i class="icon-calculator"></i><span class="pl-2">Calculator</div></a></div>
+        <br>
+        <div><a href="https://cara.web.cern.ch/expert-app" role="button" class="btn btn-lg btn-outline-secondary"><div class="d-flex d-row"><i class="icon-expert"></i><span class="pl-2">Expert (beta)</div></a></div>
+      </div>
+      <hr width="95%">
+    </div>
+
     <h2 class="header-text">CARA @ CERN</h2><br>
     <div>
       <p>