Merge pull request #16 from aterenin/main

Add citation.

_sass/_buttons.scss

@@ -31,6 +31,16 @@
     }
 }
 
+.btn-group > .btn:first-child {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+.btn-group > .btn:not(:first-child) {
+    border-left: 0 !important;
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+}
+
 .btn-check {
     position: absolute;
     clip: rect(0, 0, 0, 0);

_sass/_main.scss

@@ -1,5 +1,5 @@
 .i\:background {
-    background-image: url("../banner.svg");
+    background-image: url("../background.svg");
     background-size: auto 100%;
     background-position: center; 
     background-repeat: repeat;
@@ -23,11 +23,6 @@
     border-radius: 1.5rem 0 0 1.5rem;
     background-color: color-mix(in srgb, var(--color-btn), var(--color-light) 92.5%);
 }
-.i\:form + .btn {
-    border-left: 0 !important;
-    border-top-left-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;
-}
 
 .i\:icon {
     width: 4rem;

index.html

@@ -21,9 +21,9 @@ <h2 class="h4 my-5 text-center i:description">{{ site.description }}</h2>
     <div id="getstarted" class="container py-4">
         <h1 class="my-4">Get Started</h1>
 
-        <div class="d-flex items-stretch pb-5">
+        <div class="btn-group d-flex items-stretch pb-5">
             <input class="i:form px-3 py-1" id="clipboard-target-1" type="text" value="pip install geometric_kernels" readonly="">
-            <button id="clipboard-button-1" class="btn" onclick="navigator.clipboard.writeText(document.getElementById('clipboard-target-1').value).then(()=>{document.getElementById('clipboard-button-1').innerHTML='Copied!';});">Copy</button>
+            <button class="btn" id="clipboard-button-1" onclick="navigator.clipboard.writeText(document.getElementById('clipboard-target-1').value).then(()=>{document.getElementById('clipboard-button-1').innerHTML='Copied!';});">Copy</button>
         </div>
     </div>
 </div>
@@ -70,4 +70,28 @@ <h1 class="h2 mt-4 mb-5">
             </a>
         </div>
     </div>
-</div>
+</div>
+
+
+
+
+
+<div class="bg-white">
+    <div id="citation" class="container py-4">
+        <h1 class="my-4">Citation</h1>
+
+        <code>
+            <pre id="clipboard-target-2">@article{mostowsky2024,
+    title = {The GeometricKernels Package: Heat and Matérn Kernels for Geometric Learning on Manifolds, Meshes, and Graphs},
+    author = {Peter Mostowsky and Vincent Dutordoir and Iskander Azangulov and Noémie Jaquier and Michael John Hutchinson and Aditya Ravuri and Leonel Rozo and Alexander Terenin and Viacheslav Borovitskiy},
+    year = {2024},
+    journal = {arXiv:2407.08086},
+}</pre>
+        </code>
+
+        <div class="btn-group d-flex items-start">
+            <a class="btn" href="https://arxiv.org/abs/2407.08086">Read Paper</a>
+            <button id="clipboard-button-2" class="btn" onclick="navigator.clipboard.writeText(document.getElementById('clipboard-target-2').innerText).then(()=>{document.getElementById('clipboard-button-2').innerHTML='Copied!';});">Copy Citation</button>
+        </div>
+    </div>
+</div>