Make text selectable on landing page.

Author: fniephaus

docs/site/index.md

@@ -20,29 +20,28 @@ layout: base
   <div class="wrapper">
     <div class="container">
       <div class="languages__example-row">
-        <a href="{{ '/jvm-developers/' | relative_url }}" title="Embed Python in JVM Applications">
-          <div class="languages__example-card languages__example-card-link" tabindex="0">
-            <p class="languages__example-card-title">Embed Python in JVM Applications</p>
-            <div class="cta-code">
+        <div class="languages__example-card languages__example-card-primary" tabindex="0">
+          <a href="{{ '/jvm-developers/' | relative_url }}" title="Embed Python in JVM Applications" class="languages__example-card-link"></a>
+          <p class="languages__example-card-title">Embed Python in JVM Applications</p>
+          <div class="cta-code">
 {%- highlight java -%}
 import org.graalvm.polyglot.Context;
 
-try (Context context = Context.newBuilder().allowAllAccess(true).build()) {
+try (Context context = Context.newBuilder().build()) {
     context.eval("python", "print('Hello from GraalPy!')");
 }
 {%- endhighlight -%}
-            </div>
-            <ul class="language__benefits-list">
-              <li>Use Python packages directly in Java, Kotlin, or Scala</li>
-              <li>Upgrade Jython projects to Python 3</li>
-              <li>Script JVM applications with Python</li>
-            </ul>
           </div>
-        </a>
-        <a href="{{ '/python-developers/' | relative_url }}" title="Build and Run Python Applications">
-          <div class="languages__example-card-secondary languages__example-card-secondary-link" tabindex="0">
-            <p class="languages__example-card-title">Build and Run Python Applications</p>
-            <div class="cta-code">
+          <ul class="language__benefits-list">
+            <li>Use Python packages directly in Java, Kotlin, or Scala</li>
+            <li>Upgrade Jython projects to Python 3</li>
+            <li>Script JVM applications with Python</li>
+          </ul>
+        </div>
+        <div class="languages__example-card" tabindex="0">
+          <a href="{{ '/python-developers/' | relative_url }}" title="Build and Run Python Applications" class="languages__example-card-link"></a>
+          <p class="languages__example-card-title">Build and Run Python Applications</p>
+          <div class="cta-code">
 {%- highlight bash -%}
 $ pyenv install graalpy-{{ site.language_version }}
 $ pyenv shell graalpy-{{ site.language_version }}
@@ -51,14 +50,13 @@ graalpy
 $ python3 -m timeit "'-'.join(str(n) for n in range(100))"
 500000 loops, best of 5: 757 nsec per loop
 {%- endhighlight -%}
-            </div>
-            <ul class="language__benefits-list">
-              <li>Speed up Python applications with the Graal JIT</li>
-              <li>Package Python applications as a single binary</li>
-              <li>Use Java libraries in Python applications</li>
-            </ul>
           </div>
-        </a>
+          <ul class="language__benefits-list">
+            <li>Speed up Python applications with the Graal JIT</li>
+            <li>Package Python applications as a single binary</li>
+            <li>Use Java libraries in Python applications</li>
+          </ul>
+        </div>
       </div>
     </div>
   </div>