2
0
Fork 0

update about and articles

main
Ryan Moon 2024-08-16 06:32:17 -04:00
parent 91aac993f4
commit 3894a64bf5
16 changed files with 57 additions and 82 deletions

View File

@ -1,15 +1,25 @@
.heading { .heading {
padding: 4rem 1.2rem 2rem 1.2rem; padding: 4rem 1.2rem 2rem 1.2rem;
h1,
h2,
h3 {
font-weight: 700;
margin: 1.25rem 0;
}
h2 { h2 {
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 700;
line-height: 3.25rem; line-height: 3.25rem;
margin: 2rem 0; }
h3 {
font-size: 2rem;
line-height: 2.75rem;
} }
p { p {
font-size: 1.25rem; font-size: 1.35rem;
font-weight: 300; font-weight: 300;
line-height: 1.75rem; line-height: 1.75rem;
margin: 0 0 0 .1rem; margin: 0 0 0 .1rem;

View File

@ -1,7 +0,0 @@
.about .heading {
padding: 4rem 1.15rem;
p {
margin: 0 14rem 0 0.05rem;
}
}

View File

@ -1,4 +1,4 @@
.partners { .about .partners {
.categories { .categories {
padding: 1rem; padding: 1rem;
@ -67,7 +67,7 @@
} }
@media only screen and (--viewport-4) { @media only screen and (--viewport-4) {
.partners { .about .partners {
.categories { .categories {
padding: 1rem 2rem 2rem 2.1rem; padding: 1rem 2rem 2rem 2.1rem;
} }

View File

@ -1,30 +0,0 @@
.about .values {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 4rem;
padding: 4rem 1.2rem 6rem 1.2rem;
margin: 0 auto;
h2 {
grid-column: 1/3;
font-size: 2rem;
font-weight: 600;
margin: .5rem 0;
}
.value {
h3 {
font-size: 1.5rem;
font-weight: 400;
margin: 2rem 0 .5rem 0;
}
p {
font-size: 1.15rem;
font-weight: 300;
line-height: 1.85rem;
padding: .5rem 0;
margin: 0;
}
}
}

View File

@ -80,8 +80,14 @@
a { a {
display: block; display: block;
.meta .date { .meta {
display: none; .desc {
margin: .5rem 0;
}
.date {
display: none;
}
} }
} }
} }

View File

@ -1,5 +1,5 @@
.index { .index {
.journal { .notified {
/* background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, .03) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, .03) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, .03) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, .03) 76%, transparent 77%, transparent); */ /* background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, .03) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, .03) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, .03) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, .03) 76%, transparent 77%, transparent); */
/* background-size: 3.35rem 3.35rem; */ /* background-size: 3.35rem 3.35rem; */
padding: 7rem 0 4rem 0; padding: 7rem 0 4rem 0;
@ -34,6 +34,7 @@
width: 100%; width: 100%;
.scroll { .scroll {
display: none;
position: absolute; position: absolute;
right: calc((100% - 48rem) / 2); right: calc((100% - 48rem) / 2);
top: -1.5rem; top: -1.5rem;
@ -180,19 +181,19 @@
} }
@media only screen and (--viewport-13) { @media only screen and (--viewport-13) {
.index .journal .cards-container .cards .card:last-of-type { .index .notified .cards-container .cards .card:last-of-type {
margin: 2rem 20vw 2rem 0; margin: 2rem 20vw 2rem 0;
} }
} }
@media only screen and (--viewport-10) { @media only screen and (--viewport-10) {
.index .journal .cards-container .cards .card:last-of-type { .index .notified .cards-container .cards .card:last-of-type {
margin: 2rem 12vw 2rem 0; margin: 2rem 12vw 2rem 0;
} }
} }
@media only screen and (--viewport-4) { @media only screen and (--viewport-4) {
.index .journal { .index .notified {
padding: 4rem 2.25rem; padding: 4rem 2.25rem;
.msg { .msg {
@ -235,7 +236,7 @@
} }
@media only screen and (--viewport-3) { @media only screen and (--viewport-3) {
.index .journal { .index .notified {
padding: 3rem 1.5rem; padding: 3rem 1.5rem;
} }
} }

View File

@ -19,7 +19,7 @@
@import 'pages/index/hero'; @import 'pages/index/hero';
@import 'pages/index/stats'; @import 'pages/index/stats';
@import 'pages/index/principles'; @import 'pages/index/principles';
@import 'pages/index/journal'; @import 'pages/index/notified';
/* Projects */ /* Projects */
@import 'pages/projects/cards'; @import 'pages/projects/cards';
@ -29,11 +29,9 @@
/* Resources */ /* Resources */
@import 'pages/resources/index'; @import 'pages/resources/index';
@import 'pages/resources/partners';
/* About */ /* About */
@import 'pages/about/heading'; @import 'pages/about/partners';
@import 'pages/about/values';
/* Article */ /* Article */
@import 'pages/article/cards'; @import 'pages/article/cards';

View File

@ -0,0 +1,7 @@
<template>
<div class="heading center">
<h2>About us</h2>
<!-- <p>We're on a mission to create a more decentralized web.</p> -->
<p>Working towards a more free & decentralized web.</p>
</div>
</template>

View File

@ -1,19 +1,8 @@
<script setup> <script setup>
useHead({
title: 'Inspin Digital | Partners',
meta: [
{
name: 'description',
content: `See the software Inspin Digital uses and the people we support.`
},
],
})
const route = useRoute() const route = useRoute()
const software = await queryContent('software').sort({ priority: 1 }).find() const software = await queryContent('software').sort({ priority: 1 }).find()
const companies = await queryContent('companies').sort({ priority: 1 }).find() const companies = await queryContent('companies').sort({ priority: 1 }).find()
</script> </script>
<template> <template>
@ -22,24 +11,24 @@
<!-- Hero --> <!-- Hero -->
<div class="heading"> <div class="heading">
<div class="msg"> <div class="msg">
<h2>Partners</h2> <h3>Our partners</h3>
<p>See the software we use and people we support.</p> <p>See the software we use and people we support.</p>
</div> </div>
</div> </div>
<!-- Categories --> <!-- Categories -->
<div class="categories"> <div class="categories">
<NuxtLink to="/partners/#software" :class="route.hash === '#software' || route.hash === '' ? 'selected' : ''">Software</NuxtLink> <NuxtLink to="/about/#software" :class="route.hash === '#software' || route.hash === '' ? 'selected' : ''">Software</NuxtLink>
<NuxtLink to="/partners/#companies" :class="route.hash === '#companies' ? 'selected' : ''">Companies</NuxtLink> <NuxtLink to="/about/#companies" :class="route.hash === '#companies' ? 'selected' : ''">Companies</NuxtLink>
</div> </div>
<!-- Content --> <!-- Content -->
<div class="lists"> <div class="lists">
<div v-if="route.hash === '#software' || route.hash === ''" class="links"> <div v-if="route.hash === '#software' || route.hash === ''" class="links">
<PartnersCard :sites="software" /> <AboutCard :sites="software" />
</div> </div>
<div v-if="route.hash === '#companies'" class="links"> <div v-if="route.hash === '#companies'" class="links">
<PartnersCard :sites="companies" /> <AboutCard :sites="companies" />
</div> </div>
</div> </div>

View File

@ -19,7 +19,7 @@
</script> </script>
<template> <template>
<div class="journal"> <div class="notified">
<div class="msg"> <div class="msg">
<h2><span>Get.Notified</span><br> by Inspin Digital</h2> <h2><span>Get.Notified</span><br> by Inspin Digital</h2>
<p>An epic chronicle of the decentralized web, <br v-if="isDesktopOrTablet">libre software, and community updates.</p> <p>An epic chronicle of the decentralized web, <br v-if="isDesktopOrTablet">libre software, and community updates.</p>

View File

@ -26,7 +26,7 @@ export default defineNuxtConfig({
token: process.env.DIRECTUS_TOKEN, token: process.env.DIRECTUS_TOKEN,
autoFetch: true, autoFetch: true,
}, },
css: [ css: [
"~/assets/style/style.css", "~/assets/style/style.css",
], ],
@ -40,5 +40,6 @@ export default defineNuxtConfig({
} }
}, },
telemetry: false telemetry: false,
compatibilityDate: '2024-08-15'
}) })

View File

@ -1,6 +1,6 @@
{ {
"name": "inspin", "name": "inspin",
"version": "1.0.1", "version": "1.0.2",
"description": "Creating a more decentralized web.", "description": "Creating a more decentralized web.",
"license": "GPL-3.0-only", "license": "GPL-3.0-only",
"homepage": "https://inspin.io", "homepage": "https://inspin.io",

View File

@ -12,8 +12,8 @@
<template> <template>
<div class="about"> <div class="about">
<div class="heading center"> <AboutHero />
<h2>Will be updated this soon.</h2>
</div> <AboutPartners />
</div> </div>
</template> </template>

View File

@ -20,7 +20,7 @@
<IndexPrinciples /> <IndexPrinciples />
<!-- Articles --> <!-- Articles -->
<IndexJournal /> <IndexNotified/>
</div> </div>
</template> </template>

View File

@ -28,7 +28,7 @@
<ul> <ul>
<li><h3>Company</h3></li> <li><h3>Company</h3></li>
<li><NuxtLink to="/about">About us</NuxtLink></li> <li><NuxtLink to="/about">About us</NuxtLink></li>
<li><NuxtLink to="/partners">Partners</NuxtLink></li> <li><NuxtLink to="/articles">Get Notified</NuxtLink></li>
<li><NuxtLink to="https://git.inspin.io/inspin/" target="_BLANK">Gitea (git)</NuxtLink></li> <li><NuxtLink to="https://git.inspin.io/inspin/" target="_BLANK">Gitea (git)</NuxtLink></li>
</ul> </ul>
@ -42,15 +42,15 @@
<ul> <ul>
<li><h3>Support</h3></li> <li><h3>Support</h3></li>
<li><NuxtLink to="/help">Help Center</NuxtLink></li> <li><NuxtLink to="/help">Help Center</NuxtLink></li>
<li><NuxtLink to="/contact">Contact form</NuxtLink></li> <li><NuxtLink to="/contact">Contact Form</NuxtLink></li>
<li><NuxtLink to="https://discuss.inspin.io/" target="_BLANK">Community</NuxtLink></li> <li><NuxtLink to="https://discuss.inspin.io/" target="_BLANK">Community</NuxtLink></li>
</ul> </ul>
<ul> <ul>
<li><h3>Social media</h3></li> <li><h3>Social media</h3></li>
<li><NuxtLink to="https://x.com/InspinHQ" target="_BLANK">X</NuxtLink></li> <li><NuxtLink to="https://x.com/InspinHQ" target="_BLANK">X (Twitter)</NuxtLink></li>
<!--<li><NuxtLink to="https://gab.com/InspinHQ" target="_BLANK">Gab</NuxtLink></li>--> <li><NuxtLink to="https://gab.com/InspinHQ" target="_BLANK">Gab</NuxtLink></li>
<li><NuxtLink to="https://njump.me/inspin.io" target="_BLANK">Nostr</NuxtLink></li> <li><NuxtLink to="https://njump.me/npub1nvdr4aeamnswzzm7a5w2w9a0jfy3qqhqa7dy9jhxlyzg0yjq58wsftqtlh" target="_BLANK">Nostr</NuxtLink></li>
<li><NuxtLink to="https://dribbble.com/inspin" target="_BLANK">Dribbble</NuxtLink></li> <li><NuxtLink to="https://dribbble.com/inspin" target="_BLANK">Dribbble</NuxtLink></li>
</ul> </ul>
</div> </div>