Rephrase and wording

see #31

src/components/CodeSnippet.css

@@ -1,17 +1,20 @@
 .CodeSnippet {
   position: relative;
+  font-size: 0.85em;
 }
 
 .CodeSnippet .cm-editor {
   padding-bottom: 0.5rem;
-  padding-top: 0.5rem;
+  padding-top: 1rem;
+  padding-left: 0.5rem;
+  padding-right: 20px;
   /* box-shadow: none; */
 }
 
 .CodeSnippet button.copy-code {
   position: absolute;
-  right: 0;
-  top: 1px;
+  right: 1px;
+  top: 5px;
   background: transparent;
   border: 0 none;
   color: var(--impresso-color-black-rgba-50);

src/components/CodeSnippet.tsx

@@ -24,7 +24,7 @@ const myTheme = createTheme({
     selection: "#036dd626",
     selectionMatch: "#036dd626",
     lineHighlight: "#8a91991a",
-    gutterBorder: "1px solid #ffffff10",
+    gutterBorder: "1px solid transparent",
     gutterBackground: "#fff9f2",
     gutterForeground: "#8a919966",
   },
@@ -50,9 +50,9 @@ const CodeSnippet: React.FC<CodeSnippetProps> = ({
   value = "",
   readonly = false,
   basicSetup = {
-    lineNumbers: true,
+    lineNumbers: false,
     tabSize: 2,
-    foldGutter: true,
+    foldGutter: false,
   },
 }) => {
   const timerRef = useRef<ReturnType<typeof setTimeout>>()

src/components/Footer.tsx

@@ -16,6 +16,7 @@ import AssociatedPartner, {
   type AssociatedPartnerProps,
 } from "./AssociatedPartner"
 import Link from "./Link"
+import { GithubCircle } from "iconoir-react"
 
 const Footer: React.FC<{
   associatedPartners: AssociatedPartnerProps[]
@@ -41,14 +42,23 @@ const Footer: React.FC<{
               Browse our <b>models</b> at{" "}
               <a href="https://huggingface.co/impresso-project/">
                 🤗 Hugging Face
+              </a>{" "}
+              and the source code of all our tools in our{" "}
+              <a href="https://github.com/impresso">
+                <GithubCircle width={16} />
+                GitHub repositories
               </a>
+              .
             </p>
           </Col>
           <Col md="6" lg="3" xxl="3">
             <p>
               Checkout our <a href="/public-api/docs">Rest API documentation</a>{" "}
-              or the documentation of our `impresso-py` Python package to
-              interact with the Impresso public API.
+              or the documentation of our{" "}
+              <a href="https://pypi.org/project/impresso">
+                Impresso Library on Pypi
+              </a>{" "}
+              to interact with the Impresso API in Python notebooks and scripts.
             </p>
           </Col>
           <Col md="6" lg="3" xxl="3">

src/components/Wall.tsx

@@ -12,16 +12,13 @@ from impresso import api
 
 print(api.version())
 
-results = api.search("moon landing")
-`
+results = api.search("moon landing")`
 
-const ImpressoModelsCodeSample = `
-# Use a pipeline as a high-level helper
+const ImpressoModelsCodeSample = `# Use a pipeline as a high-level helper
 !pip install transformers
 
 from transformers import pipeline
-pipe = pipeline("text2text-generation", model="impresso-project/nel-mgenre-multilingual")
-`
+pipe = pipeline("text2text-generation", model="impresso-project/nel-mgenre-multilingual")`
 
 const Wall = ({
   // notebooks = [],
@@ -87,7 +84,7 @@ const Wall = ({
               Impresso project
             </a>{" "}
             strives to create meaningful links across distinct datasets. The
-            Impresso <em>Datalab</em> is an infrastructure for{" "}
+            Impresso <em>Datalab</em> is a platform for{" "}
             <b>programmatic data access</b> and <b>annotation services</b>.
             <p>
               It offers access to our data and models via API and a dedicated
@@ -115,7 +112,9 @@ const Wall = ({
           <Col md={6} xl={4} className="order-md-1 order-xl-1">
             <CollectionCard className="mb-3" collection={enterImpressoPy}>
               <GettingStarted />
-
+              <p className="very-small text-muted px-2">
+                Copy the code below in a blank jupyter notebook to get started
+              </p>
               <CodeSnippet value={CodeSample} />
             </CollectionCard>
             {seriesInLeadingColumn.map((collection) => (
@@ -137,6 +136,9 @@ const Wall = ({
           </Col>
           <Col md={6} xl={4} className="order-md-2  order-xl-3">
             <CollectionCard className="mb-3" collection={enterImpressoModels}>
+              <p className="very-small text-muted px-2">
+                Copy the code below in a blank jupyter notebook to get started
+              </p>
               <CodeSnippet value={ImpressoModelsCodeSample} />
             </CollectionCard>
             {seriesInTrailingColumn.map((collection) => (

src/content/pagesContents/about.md

@@ -2,7 +2,7 @@
 title: About
 ---
 
-The Impresso Datalab is an infrastructure for programmatic data access and annotation services and is developed by the [Impresso project](https://impresso-project.ch) which strives to create meaningful links across historical media collections. The Datalab enables custom analyses of the Impresso corpus and the semantic indexation of external document collections also with the help of models created by the project.
+The Impresso Datalab is a platform for programmatic data access and annotation services and is developed by the [Impresso project](https://impresso-project.ch) which strives to create meaningful links across historical media collections. The Datalab enables custom analyses of the Impresso corpus and the semantic indexation of external document collections also with the help of models created by the project.
 
 The Datalab offers access to our corpus, data and models via the Impresso Public API, a dedicated Python library and via [HuggingFace](https://huggingface.co/impresso-project). To keep the learning curve manageable, the Datalab includes Jupyter notebooks for documentation and templates to kickstart computational analysis, visualisation and enrichment.
 

src/content/pagesContents/terms-of-use.md

@@ -2,4 +2,4 @@
 title: Terms of use
 ---
 
-The Impresso Datalab is an infrastructure for programmatic data access and annotation services and is developed by the [Impresso project](https://impresso-project.ch) which strives to create meaningful links across historical media collections. The Datalab enables custom analyses of the Impresso corpus and the semantic indexation of external document collections also with the help of models created by the project.
+The Impresso Datalab is a platform for programmatic data access and annotation services and is developed by the [Impresso project](https://impresso-project.ch) which strives to create meaningful links across historical media collections. The Datalab enables custom analyses of the Impresso corpus and the semantic indexation of external document collections also with the help of models created by the project.

src/styles/global.css

@@ -259,7 +259,9 @@ button.btn-secodary:hover {
   display: flex;
   align-items: center;
 }
-
+.very-small {
+  font-size: var(--impresso-font-size-sm);
+}
 .small-caps,
 .smallcaps {
   text-transform: uppercase;