+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
- -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -46,15 +316,61 @@
id
path
excerpt
+ metaTitle
+ metaDesc
+ metaImg
header_excerpt
header_altImg
header_title
header_image
+ header_slogan
+ button
+ link
solution_image
+ solution_image2
+ header{
+ title
+ subtitle
+ content
+ btn1
+ link1
+ btn2
+ link2
+ }
+ header2{
+ title
+ subtitle
+ content
+ btn1
+ link1
+ btn2
+ link2
+ }
+ header4{
+ title
+ subtitle
+ content
+ btn1
+ link1
+ btn2
+ link2
+ }
+ productsMain{
+ id
+ title
+ subtitle
+ content
+ button
+ link
+ # image
+ }
productData{
id
title
+ content
image
+ button
+ link
}
comparisonMain{
id
@@ -62,6 +378,8 @@
description
button
link
+ button2
+ link2
}
comparisonSecs{
id
@@ -69,26 +387,238 @@
title
content
}
+ logosMain {
+ id
+ title
+ button
+ link
+ }
logos{
id
image
+ url
}
cta{
- id
title
content
+ image
+ button
+ link
+ button2
+ link2
+ }
+ cta2{
+ title
+ image
+ button
+ link
+ content
+ }
+ cta3{
+ title
+ subtitle
+ content
button
link
}
+ cta4{
+ title1
+ title2
+ slogan
+ content
+ button
+ link
+ }
+
brandPanel{
id
title
- subtitle
- content
- sourceUrl
btnTxt
+ sourceUrl
+ content
image
}
+ brandPanel2{
+ id
+ title
+ btnTxt
+ sourceUrl
+ content
+ image
+ }
+ brandPanel3{
+ id
+ title
+ btnTxt
+ sourceUrl
+ btnTxt2
+ sourceUrl2
+ content
+ image
+ }
+ brandPanel4{
+ id
+ title
+ btnTxt
+ sourceUrl
+ btnTxt2
+ sourceUrl2
+ content
+ image
+ }
+ partenershipsMain{
+ id
+ title
+ slogan
+ content
+ link
+ link2
+ button
+ button2
+ }
+ partnerships {
+ id
+ title
+ img
+ content
+ }
+ faqMain{
+ id
+ title
+ }
+ faqContent{
+ id
+ question
+ content
+ }
+ jobsMain{
+ id
+ # title
+ # button1
+ # button2
+ excerpt
+ }
+ jobs{
+ id
+ title
+ excerpt
+ price
+ duration
+ button
+ link
+ includeTitle
+ options
+ }
+ contactData{
+ id
+ title
+ mail
+ phone
+ }
+ pageHeader {
+ id
+ title
+ image
+ }
+
+ carousel {
+ id
+ img
+ }
+
+ sliderMain {
+ id
+ title
+ subtitle
+ content
+ }
+
+ card{
+ id
+ img
+ title
+ content
+ button
+ link
+ }
+ useTftMain {
+ id
+ image
+ }
+ tftUses{
+ id
+ title
+ content
+ }
+ farmingMain {
+ id
+ title
+ subtitle
+ }
+ farmingProcess{
+ id
+ image
+ content
+ }
+
+ cultivationMain {
+ id
+ title
+ subtitle
+ }
+ cultivationProcess{
+ id
+ image
+ content
+ }
+ roadmap {
+ image
+ content
+ }
+ marketInfoMain{
+ id
+ title
+ content
+ }
+ mainItem{
+ id
+ image
+ content
+ }
+ marketInfo {
+ id
+ image
+ content
+ }
+ tft {
+ id
+ image
+ title
+ subtitle
+ content
+ button
+ link
+ }
+ networkMain{
+ id
+ title
+ }
+ network{
+ id
+ title
+ image
+ content
+ }
+ }
+ allCustomCta {
+ edges {
+ node {
+ id
+ title
+ link
+ image
+ }
+ }
}
}
@@ -99,17 +629,28 @@ import NewCard from "~/components/marketing/sections/cta-sections/NewCard.vue";
import Header from "~/components/marketing/sections/cta-sections/Header.vue";
import VerticalNav from "~/components/custom/Navbar/VerticalNav.vue";
import GetInTouch from "~/components/custom/Navbar/Getintouch.vue";
+import ShowcaseProducts from "~/components/marketing/sections/cta-sections/ShowcaseProducts.vue";
import SolutionsHeader from "~/components/custom/sections/header/HeaderSection.vue";
import HowItWorks from "~/components/custom/sections/HowItWorks.vue";
import Features from "~/components/custom/sections/Features.vue";
import logoShowcase from "~/components/marketing/sections/cta-sections/logoShowcase.vue";
import CallToAction from "~/components/custom/sections/CallToAction.vue";
+import CallToActionbg1 from "~/components/custom/sections/CallToActionbg1.vue";
import SignUp from "~/components/custom/sections/SignUp.vue";
import Comparison from "~/components/custom/sections/Comparison.vue";
+import TFTFuel from "~/components/marketing/sections/team-sections/with_large_images.vue";
import Roadmap from "~/components/custom/sections/Roadmap.vue";
import FourTiersWithToggle from "~/components/marketing/sections/pricing/four_tiers_with_toggle.vue";
import WithComparisonTable from "~/components/marketing/sections/pricing/with_comparison_table.vue";
import BrandPanel from "~/components/marketing/sections/cta-sections/BrandPanel.vue";
+import AppListItem from "~/components/AppListItem.vue";
+import Partenerships from "~/components/marketing/sections/team-sections/grid_with_large_round_images.vue";
+import CenteredAccordion from "~/components/marketing/sections/faq-sections/CenteredAccordion.vue";
+import CustomCTA from "~/components/custom/sections/CustomCTA.vue";
+import Slider from "~/components/custom/Slider.vue";
+import RoadMap from "~/components/custom/Roadmap.vue";
+import MarketInfo from "~/components/custom/MarketInfo.vue";
+import SplitWithImage from "~/components/custom/SplitWithImage.vue";
export default {
components: {
@@ -118,30 +659,85 @@ export default {
VerticalNav,
GetInTouch,
SolutionsHeader,
+ ShowcaseProducts,
HowItWorks,
Features,
logoShowcase,
CallToAction,
+ CallToActionbg1,
SignUp,
Comparison,
+ TFTFuel,
Roadmap,
FourTiersWithToggle,
WithComparisonTable,
BrandPanel,
- },
-
- metaInfo() {
- return {
- title: this.pageName,
- };
+ AppListItem,
+ Partenerships,
+ CenteredAccordion,
+ CustomCTA,
+ Slider,
+ RoadMap,
+ MarketInfo,
+ SplitWithImage,
},
computed: {
+ getImg() {
+ let img = "";
+ if (process.isClient) {
+ img = `${window.location.origin}${this.$page.markdownPage.metaImg.src}`;
+ }
+ return img;
+ },
pageName() {
let path = this.$route.path.substring(1);
let name = path[0].toUpperCase() + path.slice(1);
return name;
},
},
+ metaInfo() {
+ return {
+ title: "",
+ titleTemplate: this.$page.markdownPage.metaTitle,
+ meta: [
+ {
+ key: "description",
+ name: "description",
+ content: this.$page.markdownPage.metaDesc,
+ },
+ {
+ key: "og:title",
+ property: "og:title",
+ content: this.$page.markdownPage.metaTitle,
+ },
+ {
+ key: "og:description",
+ property: "og:description",
+ content: this.$page.markdownPage.metaDesc,
+ },
+ {
+ key: "og:image",
+ property: "og:image",
+ content: this.getImg,
+ },
+ {
+ key: "twitter:description",
+ name: "twitter:description",
+ content: this.$page.markdownPage.metaDesc,
+ },
+ {
+ key: "twitter:image",
+ property: "twitter:image",
+ content: this.getImg,
+ },
+ {
+ key: "twitter:title",
+ property: "twitter:title",
+ content: this.$page.markdownPage.metaTitle,
+ },
+ ],
+ };
+ },
};
>
+
diff --git a/src/templates/Membership.vue b/src/templates/Membership.vue
index 47a48d3e6..552d7366e 100644
--- a/src/templates/Membership.vue
+++ b/src/templates/Membership.vue
@@ -1,15 +1,17 @@
-
+
- {{ $page.membership.title }}
+ {{ $page.membership.title.replace("_", " ") }}
- {{ $page.membership.belongsTo.totalCount }} People
+ {{ items.length }} People
@@ -17,9 +19,10 @@
@@ -53,13 +56,14 @@
cities
private
image
+ category
}
}
}
}
}
- allMembership(filter: {title: {in: ["foundation", "tech"]}}){
+ allMembership(filter: {title: {in: ["cofounders", "tech", "foundation", "ambassadors", "matchmakers", "farmers", "aci_members", "partners", "wisdom_council", "technology_council", "grid_guardians"]}}){
edges{
node{
id
@@ -84,12 +88,20 @@ export default {
computed: {
memberships() {
- var res = [{ title: "All", path: "/team" }];
+ var res = [{ title: "All", path: "/people" }];
this.$page.allMembership.edges.forEach((edge) =>
res.push({ title: edge.node.title, path: edge.node.path })
);
return res;
},
+ items() {
+ let foundationItems = [];
+ this.$page.membership.belongsTo.edges.map((edge) => {
+ if (edge.node.category.includes("foundation"))
+ foundationItems.push(edge.node);
+ });
+ return foundationItems;
+ },
},
metaInfo() {
diff --git a/src/templates/NewsPost.vue b/src/templates/NewsPost.vue
index 97baa478f..5b9e1d8e8 100644
--- a/src/templates/NewsPost.vue
+++ b/src/templates/NewsPost.vue
@@ -1,7 +1,9 @@
-
@@ -70,7 +90,14 @@
{{ tag.title }}
@@ -163,33 +202,97 @@
path
}
}
-
-
-
+
+ metadata {
+ siteUrl
+ }
}
-
\ No newline at end of file
+ metaInfo() {
+ return {
+ title: "",
+ titleTemplate: `ThreeFold | ${this.$page.news.title}`,
+ meta: [
+ {
+ key: "description",
+ name: "description",
+ content: this.$page.news.excerpt,
+ },
+ {
+ key: "og:title",
+ property: "og:title",
+ content: this.$page.news.title,
+ },
+ {
+ key: "og:description",
+ property: "og:description",
+ content: this.$page.news.excerpt,
+ },
+ {
+ key: "og:image",
+ property: "og:image",
+ content: this.getCoverImage,
+ },
+ {
+ key: "twitter:description",
+ name: "twitter:description",
+ content: this.$page.news.excerpt,
+ },
+ {
+ key: "twitter:image",
+ property: "twitter:image",
+ content: this.getCoverImage,
+ },
+ {
+ key: "twitter:title",
+ property: "twitter:title",
+ content: this.$page.news.title,
+ },
+ ],
+ };
+ },
+ methods: {
+ copyLink() {
+ const el = document.createElement("input");
+ el.value = window.location.href;
+ document.body.appendChild(el);
+ el.select();
+ document.execCommand("copy");
+ document.body.removeChild(el);
+ this.showAlert = true;
+ },
+ linkCopied(val) {
+ this.showAlert = val;
+ },
+ },
+ computed: {
+ getCoverImage() {
+ let coverImage = "";
+ const cover = this.$page.news.image;
+ if (cover != null) {
+ coverImage = `${this.getBaseUrl}${this.$page.news.image.src}`;
+ }
+ return coverImage;
+ },
+ getBaseUrl() {
+ return this.$page.metadata.siteUrl;
+ },
+ },
+};
+
\ No newline at end of file
diff --git a/src/templates/Partners.vue b/src/templates/Partners.vue
index 6601b8833..6f271c564 100644
--- a/src/templates/Partners.vue
+++ b/src/templates/Partners.vue
@@ -1,9 +1,14 @@
-
+
query ($private: Int){
- entries: allProject (sortBy: "rank", order: DESC, filter: { private: { ne: $private }, tags: { id: {in: ["tech", "foundation"]}}}){
+ entries: allProject (sortBy: "rank", order: ASC, filter: { private: { ne: $private }, category: { contains: ["foundation"]}}){
totalCount
edges {
node {
@@ -35,21 +40,31 @@ query ($private: Int){
image(width:800)
timeToRead
logo
+ category
+ tags{
+ id
+ path
+ title
+ }
}
}
}
+
+ markdownPage(id: "home") {
+ id
+ metaImg
+ }
- tags: allProjectTag (filter: { title: {in: ["tech", "foundation"]}}) {
+ tags: allProjectTag (filter: { title: {in: ["blockchain", "experience", "technology", "farming", "community", "infrastructure", "impact"]}}) {
edges{
node{
id
title
path
}
+ }
}
}
-
-}
diff --git a/src/templates/People.vue b/src/templates/People.vue
index 2478d83e8..4a96b0da3 100644
--- a/src/templates/People.vue
+++ b/src/templates/People.vue
@@ -1,28 +1,48 @@
-
+
+
+
-query ($private: Int){
- entries: allPerson (sortBy: "rank", order: DESC, filter: { private: { ne: $private }}){
+query($page: Int){
+ entries: allPerson (perPage: 25, page: $page, sortBy: "rank", order: ASC, filter: {category: { contains: ["foundation"]}}) @paginate{
totalCount
+ pageInfo {
+ totalPages
+ currentPage
+ }
edges {
node {
path
- content
+ content
+ excerpt
name
rank
bio
@@ -32,11 +52,21 @@ query ($private: Int){
cities
image(width:800)
private
+ memberships {
+ id
+ path
+ title
+ }
}
}
}
- memberships: allMembership{
+ markdownPage(id: "home") {
+ id
+ metaImg
+ }
+
+ memberships: allMembership(filter: {title: {in: ["cofounders", "tech", "foundation", "ambassadors", "matchmakers", "farmers", "aci_members", "partners", "wisdom_council", "technology_council", "grid_guardians"]}}){
edges{
node{
id
@@ -46,30 +76,80 @@ query ($private: Int){
}
}
}
-
diff --git a/src/templates/Person.vue b/src/templates/Person.vue
index c3040b035..e6394599a 100644
--- a/src/templates/Person.vue
+++ b/src/templates/Person.vue
@@ -1,17 +1,28 @@
-
+
@@ -144,7 +175,7 @@
}
}
- memberships: allMembership(filter: {title: {in: ["foundation", "tech"]}}){
+ memberships: allMembership{
edges{
node{
id
@@ -171,22 +202,60 @@ export default {
return pluralize("post", this.$page.person.belongsTo.totalCount);
},
- memberships(){
- var all = []
- this.$page.memberships.edges.forEach((edgs) => all.push(edge.node.title))
- var res = []
- this.$page.person.memberships.forEach(function(membership){
- if (all.includes(membership.title)){
- res.push(membership)
+ memberships() {
+ var all = [];
+ this.$page.memberships.edges.forEach((edgs) => all.push(edge.node.title));
+ var res = [];
+ this.$page.person.memberships.forEach(function (membership) {
+ if (all.includes(membership.title)) {
+ res.push(membership);
}
});
- return res
- }
+ return res;
+ },
},
metaInfo() {
return {
- title: this.$page.person.name,
+ title: "",
+ titleTemplate: `ThreeFold | ${this.$page.person.name}`,
+ meta: [
+ {
+ key: "description",
+ name: "description",
+ content: this.$page.person.excerpt,
+ },
+ {
+ key: "og:title",
+ property: "og:title",
+ content: this.$page.person.name,
+ },
+ {
+ key: "og:description",
+ property: "og:description",
+ content: this.$page.person.excerpt,
+ },
+ {
+ key: "og:image",
+ property: "og:image",
+ content: this.$page.person.image.src,
+ },
+ {
+ key: "twitter:description",
+ name: "twitter:description",
+ content: this.$page.person.excerpt,
+ },
+ {
+ key: "twitter:image",
+ property: "twitter:image",
+ content: this.$page.person.image.src,
+ },
+ {
+ key: "twitter:title",
+ property: "twitter:title",
+ content: this.$page.person.name,
+ },
+ ],
};
},
};
-
+
\ No newline at end of file
diff --git a/src/templates/Project.vue b/src/templates/Project.vue
index 1482fdfc0..7a48da70c 100644
--- a/src/templates/Project.vue
+++ b/src/templates/Project.vue
@@ -5,20 +5,28 @@
{{ $page.project.title }}
-
-
+ -->
@@ -35,11 +43,17 @@
:key="member.id"
class="author-list-item"
>
-
+
@@ -48,13 +62,54 @@
-
+
+
+
{{ edge.node.title }}{{ tag.title }}
- {{ tags.belongsTo.totalCount }} {{ item }}
+ {{ items.length }} {{ item }}
{
+ if (Array.isArray(edge.node.category)) {
+ if (edge.node.category.includes("foundation"))
+ foundationItems.push(edge.node);
+ } else {
+ foundationItems.push(edge.node);
+ }
+ });
+ return foundationItems;
+ },
},
methods: {
diff --git a/src/templates/Team.vue b/src/templates/Team.vue
deleted file mode 100644
index a6fe728d3..000000000
--- a/src/templates/Team.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-
-
-
-
-
-
-
-
-query ($private: Int){
- entries: allPerson (sortBy: "rank", order: DESC, filter: { private: { ne: $private }, memberships: { id: {in: ["foundation", "tech"]}}}){
- totalCount
- edges {
- node {
- path
- content
- excerpt
- name
- rank
- bio
- linkedin
- websites
- countries
- cities
- image(width:800)
- private
- }
- }
- }
-
- memberships: allMembership(filter: {title: {in: ["foundation", "tech"]}}){
- edges{
- node{
- id
- title
- path
- }
- }
- }
-}
-
-
-
diff --git a/tailwind.config.js b/tailwind.config.js
index 3508c152e..77290bfb0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,95 +5,298 @@ var flattenColorPalette = require('tailwindcss/lib/util/flattenColorPalette').de
module.exports = {
- purge: ["./src/**/*.html", "./src/**/*.vue", "./src/**/*.jsx"],
- theme: {
- borderWidth: {
- default: '1px',
- '0': '0',
- '2': '2px',
- '3': '3px',
- '4': '4px',
- '6': '6px',
- '8': '8px'
- },
- flex: {
- '1': '1 1 0%',
- auto: '1 1 auto',
- initial: '0 1 auto',
- none: 'none',
- 'post': '1 1 300px',
- '100': '1 1 100%',
- 'post-large-content': '0 1 361px',
- },
- zIndex: {
- '-10': '-10',
- '0': 0,
- '10': 10,
- '20': 20,
- '30': 30,
- '40': 40,
- '50': 50,
- '25': 25,
- '50': 50,
- '75': 75,
- '100': 100,
- '1000': 1000,
- 'auto': 'auto',
- },
- corePlugins: {
- container: false
- },
- extend: {},
- radialGradients: {
- shapes: { // defaults to this value
- 'default': 'ellipse',
- },
- sizes: { // defaults to this value
- 'default': '',
- },
- positions: { // defaults to these values
- 'default': 'center',
- 't': 'top'
- },
- colors: { // defaults to {}
- 'gray-to-black': ['rgba(25, 25, 25, 1)', 'rgba(8, 8, 8, 1)', 'rgba(0, 0, 0, 1)']
- },
- },
+ purge: ["./src/**/*.html", "./src/**/*.vue", "./src/**/*.jsx"],
+ theme: {
+ borderWidth: {
+ DEFAULT: '1px',
+ '0': '0',
+ '2': '2px',
+ '3': '3px',
+ '4': '4px',
+ '6': '6px',
+ '8': '8px'
+ },
+ flex: {
+ '1': '1 1 0%',
+ auto: '1 1 auto',
+ initial: '0 1 auto',
+ none: 'none',
+ 'post': '1 1 300px',
+ '100': '1 1 100%',
+ 'post-large-content': '0 1 361px',
+ },
+ zIndex: {
+ '-10': '-10',
+ '0': 0,
+ '10': 10,
+ '20': 20,
+ '30': 30,
+ '40': 40,
+ '50': 50,
+ '25': 25,
+ '50': 50,
+ '75': 75,
+ '100': 100,
+ '1000': 1000,
+ 'auto': 'auto',
+ },
+ corePlugins: {
+ container: false
+ },
+ fontSize: {
+ 'xs': '.75rem',
+ 'sm': '.875rem',
+ 'base': '1rem',
+ 'lg': '1.125rem',
+ 'xl': '1.25rem',
+ '2xl': '1.5rem',
+ '3xl': '1.875rem',
+ '4xl': '2.25rem',
+ '5xl': '3rem',
+ '6xl': '4rem',
+ '7xl': '5rem',
+ },
+ colors: {
+ current: "currentColor",
+ transparent: "transparent",
+ white: "#ffffff",
+ black: "#000000",
+ gray: {
+ 50: "#f9fafb",
+ 100: "#F7FAFC",
+ 200: "#EDF2F7",
+ 300: "#E2E8F0",
+ 400: "#CBD5E0",
+ 500: "#A0AEC0",
+ 600: "#718096",
+ 700: "#4A5568",
+ 800: "#2D3748",
+ 900: "#1A202C",
+ },
+ red: {
+ 50: "#fdf2f2",
+ 100: "#FFF5F5",
+ 200: "#FED7D7",
+ 300: "#FEB2B2",
+ 400: "#FC8181",
+ 500: "#F56565",
+ 600: "#E53E3E",
+ 700: "#C53030",
+ 800: "#9B2C2C",
+ 900: "#742A2A",
+ },
+ orange: {
+ 50: "#fff8f1",
+ 100: "#feecdc",
+ 200: "#fcd9bd",
+ 300: "#fdba8c",
+ 400: "#ff8a4c",
+ 500: "#ff5a1f",
+ 600: "#d03801",
+ 700: "#b43403",
+ 800: "#8a2c0d",
+ 900: "#73230d",
+ },
+ yellow: {
+ 50: "#fdfdea",
+ 100: "#fdf6b2",
+ 200: "#fce96a",
+ 300: "#faca15",
+ 400: "#e3a008",
+ 500: "#c27803",
+ 600: "#9f580a",
+ 700: "#8e4b10",
+ 800: "#723b13",
+ 900: "#633112",
+ },
+ green: {
+ 50: "#f3faf7",
+ 100: "#def7ec",
+ 200: "#bcf0da",
+ 300: "#84e1bc",
+ 400: "#31c48d",
+ 500: "#0e9f6e",
+ 600: "#057a55",
+ 700: "#046c4e",
+ 800: "#03543f",
+ 900: "#014737",
+ },
+ teal: {
+ 50: "#edfafa",
+ 100: "#E6FFFA",
+ 200: "#B2F5EA",
+ 300: "#81E6D9",
+ 400: "#4FD1C5",
+ 500: "#38B2AC",
+ 600: "#319795",
+ 700: "#2C7A7B",
+ 800: "#285E61",
+ 900: "#234E52",
+ },
+ blue: {
+ 50: "#ebf5ff",
+ 100: "#EBF8FF",
+ 200: "#BEE3F8",
+ 300: "#90CDF4",
+ 400: "#63B3ED",
+ 500: "#4299E1",
+ 600: "#3182CE",
+ 700: "#2B6CB0",
+ 800: "#2C5282",
+ 900: "#2A4365",
+ },
+ indigo: {
+ 50: "#f0f5ff",
+ 100: "#e5edff",
+ 200: "#cddbfe",
+ 300: "#b4c6fc",
+ 400: "#8da2fb",
+ 500: "#6875f5",
+ 600: "#5850ec",
+ 700: "#5145cd",
+ 800: "#42389d",
+ 900: "#362f78",
+ },
+ purple: {
+ 50: "#f6f5ff",
+ 100: "#edebfe",
+ 200: "#dcd7fe",
+ 300: "#cabffd",
+ 400: "#ac94fa",
+ 500: "#9061f9",
+ 600: "#7e3af2",
+ 700: "#6c2bd9",
+ 800: "#5521b5",
+ 900: "#4a1d96",
+ },
+ pink: {
+ 50: "#fdf2f8",
+ 100: "#fce8f3",
+ 200: "#fad1e8",
+ 300: "#f8b4d9",
+ 400: "#f17eb8",
+ 500: "#e74694",
+ 600: "#d61f69",
+ 700: "#bf125d",
+ 800: "#99154b",
+ 900: "#751a3d",
+ },
+ },
+ extend: {
+ backgroundColor: ['group-focus', 'active'],
+ borderColor: ['group-focus'],
+ boxShadow: ['group-focus'],
+ opacity: ['group-focus'],
+ textColor: ['group-focus', 'active'],
+ textDecoration: ['group-focus'],
+ boxShadow: {
+ solid: '0 0 0 2px currentColor',
+ outline: `0 0 0 3px rgba(156, 163, 175, .5)`,
+ 'outline-gray': `0 0 0 3px rgba(254, 202, 202, .5)`,
+ 'outline-blue': `0 0 0 3px rgba(191, 219, 254, .5)`,
+ 'outline-green': `0 0 0 3px rgba(167, 243, 208, .5)`,
+ 'outline-yellow': `0 0 0 3px rgba(253, 230, 138, .5)`,
+ 'outline-red': `0 0 0 3px rgba(254, 202, 202, .5)`,
+ 'outline-pink': `0 0 0 3px rgba(251, 207, 232, .5)`,
+ 'outline-purple': `0 0 0 3px rgba(221, 214, 254,, .5)`,
+ 'outline-indigo': `0 0 0 3px rgba(199, 210, 254, .5)`,
+ },
+ padding: {
+ '1/2': '50%',
+ '1/3': '33.333333%',
+ '2/3': '66.666667%',
+ '1/4': '25%',
+ '2/4': '50%',
+ '3/4': '75%',
+ '1/5': '20%',
+ '2/5': '40%',
+ '3/5': '60%',
+ '4/5': '80%',
+ '1/6': '16.666667%',
+ '2/6': '33.333333%',
+ '3/6': '50%',
+ '4/6': '66.666667%',
+ '5/6': '83.333333%',
+ '1/12': '8.333333%',
+ '2/12': '16.666667%',
+ '3/12': '25%',
+ '4/12': '33.333333%',
+ '5/12': '41.666667%',
+ '6/12': '50%',
+ '7/12': '58.333333%',
+ '8/12': '66.666667%',
+ '9/12': '75%',
+ '10/12': '83.333333%',
+ '11/12': '91.666667%',
+ full: '100%',
+ }
+ },
+ radialGradients: {
+ shapes: { // defaults to this value
+ 'DEFAULT': 'ellipse',
+ },
+ sizes: { // defaults to this value
+ 'DEFAULT': '',
+ },
+ positions: { // defaults to these values
+ 'DEFAULT': 'center',
+ 't': 'top'
+ },
+ colors: { // defaults to {}
+ 'gray-to-black': ['rgba(25, 25, 25, 1)', 'rgba(8, 8, 8, 1)', 'rgba(0, 0, 0, 1)']
+ },
+ },
+ },
+ variants: {},
+ plugins: [
+ require('@tailwindcss/aspect-ratio'),
+ function ({
+ addComponents
+ }) {
+ addComponents({
+ '.container': {
+ maxWidth: '100%',
+ '@screen sm': {
+ maxWidth: '640px',
+ },
+ '@screen md': {
+ maxWidth: '768px',
+ },
+ '@screen lg': {
+ maxWidth: '1024px',
+ },
+ '@screen xl': {
+ maxWidth: '1040px',
+ },
},
- variants: {},
- plugins: [
- function({
- addComponents
- }) {
- addComponents({
- '.container': {
- maxWidth: '100%',
- '@screen sm': {
- maxWidth: '640px',
- },
- '@screen md': {
- maxWidth: '768px',
- },
- '@screen lg': {
- maxWidth: '1024px',
- },
- '@screen xl': {
- maxWidth: '1040px',
- },
- }
- })
- },
- function({
- addUtilities,
- e,
- theme,
- variants
- }) {
- const colors = flattenColorPalette(theme('borderColor'))
+ '.container_tft': {
+ maxWidth: '100%',
+ '@screen sm': {
+ maxWidth: '640px',
+ },
+ '@screen md': {
+ maxWidth: '768px',
+ },
+ '@screen lg': {
+ maxWidth: '1024px',
+ },
+ '@screen xl': {
+ maxWidth: '1496px',
+ },
+ }
+ })
+ },
+ function ({
+ addUtilities,
+ e,
+ theme,
+ variants
+ }) {
+ const colors = flattenColorPalette(theme('borderColor'))
- const utilities = _.flatMap(_.omit(colors, 'default'), (value, modifier) => ({
+ const utilities = _.flatMap(_.omit(colors, 'default'), (value, modifier) => ({
- [`.${e(`border-t-${modifier}`)}`]: {
+ [`.${e(`border-t-${modifier}`)}`]: {
borderTopColor: `${value}`
},
[`.${e(`border-r-${modifier}`)}`]: {
diff --git a/tools/install_gridsome.sh b/tools/install_gridsome.sh
deleted file mode 100755
index 7fc2ed202..000000000
--- a/tools/install_gridsome.sh
+++ /dev/null
@@ -1 +0,0 @@
-npm install --global @gridsome/cli
\ No newline at end of file
diff --git a/workspace.code-workspace b/workspace.code-workspace
new file mode 100644
index 000000000..a3bf1a8f5
--- /dev/null
+++ b/workspace.code-workspace
@@ -0,0 +1,17 @@
+{
+ "folders": [
+ {
+ "path": "/home/gitpod/publisher"
+ },
+ {
+ "path": "/home/gitpod/code/crystaltools"
+ },
+ {
+ "path": "."
+ },
+ {
+ "path": "/home/gitpod/.vmodules/despiegk/crystallib"
+ }
+ ],
+ "settings": {}
+}
\ No newline at end of file