begins theme and first tailwind feature

Author: suzannaaltman

components/tina/options/font-options.ts

@@ -274,6 +274,7 @@ export const fontOptions: {label: string, value: string}[] = [
   { "label": "Orbitron", "value": "Orbitron:wght@400" },
   { "label": "Oswald Light", "value": "Oswald:wght@300" },
   { "label": "Oswald", "value": "Oswald:wght@400" },
+  { "label": "Outfit", "value": "Outfit:wght@400,600" },
   { "label": "Overpass Extra Light", "value": "Overpass:wght@100" },
   { "label": "Overpass Heavy", "value": "Overpass:wght@900" },
   { "label": "Overpass Light", "value": "Overpass:wght@300" },

content/global/index.json

@@ -1,11 +1,16 @@
 {
-  "siteUrl": "events.plnetwork.io",
+  "siteUrl": "",
+  "favicon": "/uploads/favicon.png",
   "gtmId": "",
   "fathomSiteId": "RBFTFNYG",
-  "theme": "content/themes/protocol.md",
+  "theme": "content/themes/cryptoeconlab.md",
   "logo": {
-    "logoTypeStyle": "",
-    "image": ""
+    "logoType": "CryptoEconLab",
+    "logoTypeStyle": "undefined mg-paragraph ",
+    "image": "/uploads/cel_logo.svg",
+    "imageWidth": "172",
+    "imageHeight": "26",
+    "imageMargin": "50"
   },
   "nav": {
     "navAlignment": "text-right",

content/pages/index.md

@@ -1,27 +1,46 @@
 ---
 blocks:
-  - style:
-      alignment: 'flex-row-reverse items-center '
-      padding: pt-20 pb-20 pr-10 pl-10
-      featureImage: '  mx-auto'
-      featureContent: 'w-1/2 min-h-0 text-left sm:w-full sm:min-h-0 sm:text-left'
-      labelStyles: 'text-black mg-headline-small '
-      headlineStyles: 'text-black mg-headline-large '
-      subheadStyles: text-gray mg-copy-large mb-7
-      textStyles: text-black mg-copy-medium mb-24
+  - tailwind:
+      section: >-
+        flex-col-reverse items-center pt-48 pb-20 pr-10 pl-10 border-b-1
+        border-gray-dark
+      wrap: ''
+      imageWrap: ''
+      image: ''
+      contentWrap: ''
+      content: >-
+        w-2/3 max-w-4xl mx-auto min-h-0 text-left sm:w-full sm:min-h-0
+        sm:text-left flex flex-wrap
+      label: ''
+      headline: >-
+        text-black mg-heading-1 mb-40 md:mb-24 sm:text-black sm:mg-heading-1
+        sm:mb-14 w-full
+      subhead: 'text-gray mg-heading-2 mb-7 w-1/5 md:w-full md:pr-40'
+      text: 'text-black mg-paragraph pl-10 md:pl-0 mb-0 w-4/5 md:w-full'
+      buttons: ''
     background:
-      fillStyles: from-accent3 to-accent4 bg-gradient-to-tl opacity-100
+      fillStyles: ' opacity-100'
+      src: /uploads/cryptoeconlab_hero.png
+      position: object-left-bottom
     label: ''
-    headline: Microgen
-    subhead: A site builder for Web3
-    body: |
-      Make modern Web3 ready websites with a real-time visual editor.
-    buttons:
-      - label: Get Started
-        link: 'https://github.com/pathfindertools/microgen'
-        buttonStyle: primary
-        fathomId: ''
-    _template: feature
+    headline: >-
+      CryptoEconLab is a global hub for cryptoeconomic research, exploring big
+      ideas in incentive, token and mechanism design.
+    subhead: What We Do
+    body: >
+      R\&D cryptoeconomics lab operating at the unique intersection of
+      blockchain technology, computer science, network science, statistics,
+      economics, and systems engineering. The team specializes in incentive
+      mechanism design for Layer 1 (L1) protocols, smart contracts,
+      decentralized applications (Dapps) design, and token governance. Our work
+      enables the creation of new financial markets and the development of novel
+      digital asset products.
+
+
+      **In an increasingly networked and open world, cryptoeconomics will play
+      an ever larger role in coordinating human and machine activities in
+      building a better future.**
+    _template: tailwindFeature
 backgroundColor: white
 meta:
   title: PL Network Events

content/themes/cryptoeconlab.md

@@ -0,0 +1,51 @@
+---
+name: cryptoeconlab
+desktopWidth: '1200'
+colors:
+  primary: '#FFFFF3'
+  accent1: '#EDFCE7'
+  accent2: '#49C4FF'
+  white: '#FFFFFF'
+  grayDark: '#7D7D7D'
+  black: '#000000'
+typo:
+  - label: Heading 1
+    typography: >-
+      {"family":"Space
+      Grotesk:wght@400","size":"50","lineHeight":"64","letterSpacing":"","margin":"","smSize":"35","smLineHeight":"45","smLetterSpacing":"","smMargin":""}
+  - label: Heading 2
+    typography: >-
+      {"family":"Space
+      Grotesk:wght@300","size":"50","lineHeight":"64","letterSpacing":"","margin":"","smSize":"40","smLineHeight":"51","smLetterSpacing":"","smMargin":""}
+  - label: Heading 3
+    typography: >-
+      {"family":"Space
+      Grotesk:wght@400","size":"40","lineHeight":"51","letterSpacing":"","margin":"","smSize":"40","smLineHeight":"51","smLetterSpacing":"","smMargin":""}
+  - label: Heading 4
+    typography: >-
+      {"family":"Space
+      Grotesk:wght@400","size":"30","lineHeight":"38","letterSpacing":"","margin":"","smSize":"30","smLineHeight":"38","smLetterSpacing":"","smMargin":""}
+  - label: Heading 5
+    typography: >-
+      {"family":"Space
+      Grotesk:wght@400","size":"23","lineHeight":"30","letterSpacing":"","margin":"","smSize":"23","smLineHeight":"30","smLetterSpacing":"","smMargin":""}
+  - label: paragraph
+    typography: >-
+      {"family":"Outfit:wght@400","size":"20","lineHeight":"25","letterSpacing":"","margin":"24","smSize":"20","smLineHeight":"25","smLetterSpacing":"","smMargin":"24"}
+  - label: paragraph bold
+    typography: >-
+      {"family":"Outfit:wght@600","size":"20","lineHeight":"25","letterSpacing":"","margin":"24","smSize":"20","smLineHeight":"25","smLetterSpacing":"","smMargin":""}
+  - label: paragraph small
+    typography: >-
+      {"family":"Outfit:wght@400","size":"16","lineHeight":"20","letterSpacing":"","margin":"20","smSize":"16","smLineHeight":"20","smLetterSpacing":"","smMargin":"20"}
+buttons:
+  - label: Primary Button
+    fill: ' opacity-100'
+    typography: >-
+      {"color":"text-primary","family":"Outfit:wght@400","size":"16","lineHeight":"16","letterSpacing":"0","smSize":"16","smLineHeight":"16","smLetterSpacing":"0"}
+    padding: undefined undefined undefined undefined
+    primaryBorder: border-white border-0
+    primaryRounded: undefined
+linkColor: accent2
+---
+