Merge pull request #90 from LaconicNetwork/styling-fixes

Styling fixes

README.md

@@ -16,7 +16,7 @@ Repository for `Laconic`'s website.
    npm install -g yarn
    ```
 
-2. Create `.env`: check out which environment variables you'll need to run the project in `.env.example`
+2. Create `.env`: check out which environment variables you'll need to run the project in `.env.example`. Note that if running locally, your `NEXT_PUBLIC_API` should be set to `0.0.0.0:3000`.
 
 3. Install the dependencies with:
 

src/components/common/card/card.module.scss

@@ -352,7 +352,14 @@
 
     text-transform: none !important;
     line-height: 1.2;
-    font-size: tovw(40px, 'default', 25px);
+    width: 100%;
+    font-size: tovw(32px, 'default', 20px);
+    display: -webkit-box;
+    margin: 0 auto;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   p {

src/components/sections/about/team/index.tsx

@@ -50,13 +50,13 @@ const TeamSection = ({ teamData, data }: Props) => {
         <Team members={laconicTeam} teamName="Laconic LLC" teamNumber="01" />
         <Team
           members={cercTeam}
-          teamDept="Development"
+          teamDept="Developer of Laconic Stack"
           teamName="Cerc"
           teamNumber="02"
         />
         <Team
           members={xylmTeam}
-          teamDept="Growth Engine"
+          teamDept="Developer of Laconic Network"
           teamName="Xylm"
           teamNumber="03"
         />

src/components/sections/community/events/events.module.scss

@@ -116,6 +116,7 @@
     width: tovw(1550px, 'default', 150px);
     height: 100%;
     content: '';
+    pointer-events: none;
   }
 
   &::before {

src/components/sections/products/stack/index.tsx

@@ -76,14 +76,6 @@ const Stack = ({ data }: Props) => {
           </ol>
         </div>
         <div>
-          <div className={s.image__container}>
-            <img ref={stackImgRef} className={s.stack__img} alt="stack" />
-            <img
-              ref={stackSvgRef}
-              className={`${s.stack__img} ${s.stack__img__small}`}
-              alt="stack"
-            />
-          </div>
           <div className={s.gradient} />
         </div>
       </Container>

src/lib/constants.ts

@@ -19,8 +19,8 @@ export const basementLog = `
    ██████╗
    ██╔══██╗  ██╗
    ██████╔╝  ██╝
-   ╚═════╝   
-                                                                                
+   ╚═════╝
+
    From the basement. https://basement.studio
 `
 
@@ -34,7 +34,7 @@ export const defaultMeta = {
   }
 }
 
-export const gaTrackingId = 'GTM-WJMQ92T'
+export const gaTrackingId = 'G-4H9G2QYKTH'
 
 export const socialLinks = {
   youTube: 'https://www.youtube.com/c/MrBeast6000',

src/pages/press.tsx

@@ -9,16 +9,11 @@ import { PageLayout } from '~/components/layout/page'
 import Related from '~/components/sections/about/related'
 import Hero from '~/components/sections/newsroom/hero'
 import Media from '~/components/sections/newsroom/media'
-import Press from '~/components/sections/newsroom/press'
 import { FooterQuery } from '~/lib/cms/queries/footer'
 import { HeaderQuery } from '~/lib/cms/queries/header'
 import {
-  PressFeatured,
-  PressFeaturedSection,
   PressHero,
   PressMedia,
-  PressPress,
-  PressReleases
 } from '~/lib/cms/queries/press'
 
 import { request } from '../lib/datocms'
@@ -33,20 +28,12 @@ export const getStaticProps = async () => {
 
   const [
     pressHero,
-    pressFeatured,
-    pressFeaturedData,
-    pressReleases,
     pressMedia,
-    pressPress,
     footerData,
     headerData
   ] = await Promise.all([
     request(PressHero),
-    request(PressFeaturedSection),
-    request(PressFeatured),
-    request(PressReleases),
     request(PressMedia),
-    request(PressPress),
     request(FooterQuery),
     request(HeaderQuery)
   ])
@@ -54,11 +41,7 @@ export const getStaticProps = async () => {
   return {
     props: {
       heroData: pressHero?.pressPage,
-      featuredData: pressFeatured?.pressPage,
-      featuredPostsData: pressFeaturedData?.allBlogPosts?.slice(0, 3),
-      pressPostsData: pressReleases?.allPressReleases,
       mediaData: pressMedia?.pressPage,
-      pressData: pressPress?.pressPage,
       footerData: footerData?.footer,
       headerData: headerData?.header,
       initialBlogPosts: {
@@ -78,11 +61,7 @@ export const getStaticProps = async () => {
 const Newsroom = ({
   initialBlogPosts,
   heroData,
-  featuredData,
-  featuredPostsData,
   mediaData,
-  pressData,
-  pressPostsData,
   footerData,
   headerData
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
@@ -90,13 +69,6 @@ const Newsroom = ({
     <PageLayout footerData={footerData} headerData={headerData}>
       <Meta title="Press | Laconic Network" />
       <Hero data={heroData} />
-      <Related
-        data={featuredData}
-        blogData={featuredPostsData}
-        isFeatured={true}
-        reduced={false}
-      />
-      <Press data={pressData} blogData={pressPostsData} />
       <Media data={mediaData} />
       <Related blogData={initialBlogPosts?.data} reduced={true} />
     </PageLayout>