Merge pull request #4 from Slynite/develop

Hotfix 2022.06.2
Slynite · Jun 2, 2022 · 39b64d3 · 39b64d3
2 parents ce588a4 + d62695a
commit 39b64d3
Show file tree

Hide file tree

Showing 23 changed files with 81 additions and 76 deletions.
diff --git a/components/home/about.js b/components/home/about.js
@@ -8,7 +8,7 @@ export default function About() {
             <TextHeader text={"Our Team"} size={"text-3xl sm:text-4xl 2xl:text-5xl mb-1 sm:mb-2 2xl:mb-4"} />
             <p className="lg:text-lg 2xl:text-2xl">Our creative team has specialized themselves providing tailor-made software solutions, all-in-one systems and support Open Source software newcomers. As experienced developers with a wealth of expertise we build the future together.</p>
             <Link href={"/team"} passHref>
-                <a>
+                <a className="cursor-pointer">
                     <p className="text-base lg:text-lg 2xl:text-2xl text-transparent bg-clip-text bg-gradient-to-r from-gradient-primary to-gradient-secondary inline-block">Meet the Team</p>
                 </a>
             </Link>

diff --git a/components/home/wecome.js b/components/home/wecome.js
@@ -5,16 +5,16 @@ import TextHeader from "../utils/text-header";
 
 export default function Welcome() {
     return (
-        <div className="min-h-screen 3xl:grid content-center 3xl:-mt-40">
+        <div className="min-h-screen 3xl:grid content-center">
             <div className="text-center">
                 <div className='block lg:hidden'>
-                    <Image src={"/company/slynite-logo-gradient.png"} alt="Slynite Logo" width={1920} height={1080} layout="responsive" />
+                    <Image src={"/company/slynite-logo-gradient.png"} alt="Slynite Logo" width={1920} height={1080} layout="responsive" placeholder="blur"  blurDataURL={"/company/slynite-banner-transparent.png"} />
                 </div>
                 <div className='hidden lg:block'>
-                    <Image src={"/company/slynite-banner-transparent.png"} alt="Slynite Logo" width={1920} height={1080} layout="responsive" />
+                    <Image src={"/company/slynite-banner-transparent.png"} alt="Slynite Logo" width={1920} height={1080} layout="responsive" placeholder="blur" blurDataURL={"/company/slynite-banner-transparent.png"} />
                 </div>
                 <TextHeader text={"Prevent data theft and make the internet to a better place with us."} size={"text-4xl md:text-5xl 2xl:text-6xl mt-4"} />
-                <p className="py-6 lg:text-lg 2xl:text-2xl">Slynite and the people behind stands for privacy, security, transparency and open source. We create customizeable software Solutions that are free to use and make the internet to a safer place for everyone without unnecessary data collection.</p>
+                <p className="py-6 lg:text-lg 2xl:text-2xl">The people behind Slynite stand for privacy, security, transparency, and mostly open source. We create customizable software Solutions that are free to use and make the internet a safer place. We particularly focus on user privacy already at the beginning ouf our software designs to accomplish our security aims early.</p>
                 <div className="tracking-wider mt-12 text-transform: uppercase">
                     <p>Learn more</p>
                     <ArrowDownIcon className="h-6 w-6 mt-2 text-white justify-self-center ml-auto mr-auto block animate-bounce" aria-hidden="true" />

diff --git a/components/post/author.js b/components/post/author.js
@@ -5,11 +5,11 @@ import Image from "next/image";
 export default function PostAuthor({ author }) {
     if (author.slug !== undefined) {
         return (
-            <div>
+            <div className="cursor-pointer">
                 <Link href={`/team/${author.slug}`} passHref key={author.slug}>
                     <div className="flex space-x-2 items-center">
                         <div className="w-[28px] h-[28px]">
-                            <Image className="rounded-full" width={28} height={28} alt={author.name} src={author.image} />
+                            <Image className="rounded-full" width={28} height={28} alt={author.name} src={author.image} placeholder="blur" blurDataURL={author.image} />
                         </div>
                         <p className="text-xs md:text-sm text-gray-300">{author.name}</p>
                     </div>

diff --git a/components/post/header.js b/components/post/header.js
@@ -5,7 +5,7 @@ import PostAuthor from "./author";
 export default function PostHeader({ post }) {
     return (
         <div className="space-y-2">
-            <Image data-fallback-image="/content/not-found.png" src={post.image} alt={`cover image for ${post.title}`} layout="responsive" width={1920} height={1080} className="rounded-md" />
+            <Image data-fallback-image="/content/not-found.png" src={post.image} alt={`cover image for ${post.title}`} layout="responsive" width={1920} height={1080} className="rounded-md" placeholder="blur" blurDataURL={post.image} />
             <div className="space-y-1">
                 <p className="text-xl font-semibold sm:text-2xl">{post.title}</p>
                 <p className="text-xs md:text-sm text-gray-300 flex"><CalendarIcon className='h-5 w-5 mr-1'/> {new Date(post.date).toLocaleString("de-DE")}</p>

diff --git a/components/post/preview.js b/components/post/preview.js
@@ -4,13 +4,15 @@ import Link from "next/link";
 export default function PostPreview({post}) {
     return (
         <Link href={`/newsroom/${post.slug}`} passHref key={post}>
-            <div className="max-w-md lg:max-w-2xl bg-neutral-900 rounded-md shadow-md min-w-full hover:scale-102 duration-300 motion-reduce:transform-none">
+            <div className="max-w-md lg:max-w-2xl bg-neutral-900 rounded-md shadow-md min-w-full hover:scale-102 duration-300 motion-reduce:transform-none cursor-pointer">
                 <Image className="rounded-t-lg"
                         src={post.image}
                         width={350}
                         height={200}
                         layout="responsive"
                         alt={post.name} 
+                        placeholder="blur" 
+                        blurDataURL={post.image}
                 />
                 <div className="p-5">
                     <p className="font-medium text-xs xl:text-base text-neutral-700">{new Date(post.date).toLocaleString("de-DE") }</p>

diff --git a/components/project/carousel-slide.js b/components/project/carousel-slide.js
@@ -3,16 +3,18 @@ import Link from "next/link";
 
 export default function CarouselSlide(project) {
     return(
-        <div className={`keen-slider__slide number-slide${project.project.number}`}>
+        <div className={`keen-slider__slide number-slide${project.project.number} cursor-pointer`}>
             <Link href={project.project.url} passHref norefer>
                 <div className="max-w-md lg:max-w-2xl bg-neutral-900 rounded-md shadow-md min-w-full">
                     <div className="flex flex-col">
                         <Image className="rounded-t-lg h-[400px] w-[800px]"
                                 src={project.project.image}
-                                width={800}
-                                height={400}
-                                layout="responsive"
+                                width={1600}
+                                height={800}
+                                layout="intrinsic"
                                 alt={project.name} 
+                                placeholder="blur" 
+                                blurDataURL={project.project.image}
                         />
                         <div className="flex items-center">
                             <div className="w-[45px] h-[45px] md:w-[65px] md:h-[65px] p-1 m-2">
@@ -21,8 +23,10 @@ export default function CarouselSlide(project) {
                                     src={project.project.logo}
                                     width={65}
                                     height={65}
-                                    layout="responsive"
+                                    layout="intrinsic"
                                     alt={project.name} 
+                                    placeholder="blur" 
+                                    blurDataURL={project.project.logo}
                                 />
                             </div>
                             <div>

diff --git a/components/project/preview.js b/components/project/preview.js
@@ -4,14 +4,16 @@ import Link from "next/link";
 export default function ProjectPreview({project}) {
     return (
         <Link href={project.url} passHref key={project.slug} target="_blank" rel="noreferrer">
-            <div className="max-w-md lg:max-w-2xl bg-neutral-900 rounded-md shadow-md min-w-full hover:scale-102 duration-300 motion-reduce:transform-none">
+            <div className="cursor-pointer max-w-md lg:max-w-2xl bg-neutral-900 rounded-md shadow-md min-w-full hover:scale-102 duration-300 motion-reduce:transform-none">
                 <div className="flex flex-col">
                     <Image className="rounded-t-lg h-[400px] w-[800px]"
                             src={project.image}
                             width={800}
                             height={400}
-                            layout="responsive"
+                            layout="intrinsic"
                             alt={project.name} 
+                            placeholder="blur" 
+                            blurDataURL={project.image}
                     />
                     <div className="flex items-center">
                         <div className="w-[65px] h-[65px] p-1 m-2">
@@ -20,8 +22,10 @@ export default function ProjectPreview({project}) {
                                 src={project.logo}
                                 width={65}
                                 height={65}
-                                layout="responsive"
+                                layout="intrinsic"
                                 alt={project.name} 
+                                placeholder="blur" 
+                                blurDataURL={project.logo}
                             />
                         </div>
                         <a

diff --git a/components/structure/banner.js b/components/structure/banner.js
@@ -19,11 +19,11 @@ export default function Banner() {
                   </p>
                 </div>
                 <div className="order-3 mt-2 flex-shrink-0 w-full sm:order-2 sm:mt-0 sm:w-auto">
-                  <div className='flex items-center justify-center px-4 py-2 border border-1 rounded-md border-customGray shadow-sm bg-neutral-900 hover:bg-gradient-to-r from-gradient-primary to-gradient-secondary'>
-                    <Link href={'/newsroom/slynite-com-relaunch'} passHref className="text-sm font-mediumtext-white">
-                      Learn more
-                    </Link>
-                  </div>
+                  <Link href={'/newsroom/slynite-com-relaunch'} passHref className="text-sm font-mediumtext-white">
+                    <div className='cursor-pointer flex items-center justify-center px-4 py-2 border border-1 rounded-md border-customGray shadow-sm bg-neutral-900 hover:bg-gradient-to-r from-gradient-primary to-gradient-secondary'>
+                        Learn more
+                    </div>
+                  </Link>
                 </div>
                 <div className="order-2 flex-shrink-0 sm:order-3 sm:ml-3 h-6 w-6 ">
                 </div>

diff --git a/components/structure/footer.js b/components/structure/footer.js
@@ -14,29 +14,29 @@ export default function Footer() {
         <footer className='backgroundPattern pt-2 pb-2 border-t border-customGray'>
             <div className='p-1 pl-6'>
                 <div className='sm:flex sm:space-x-3 sm:justify-center'>
-                        <p><Link href="/company/about-us">About</Link></p>
-                        <p><Link href="/company/contact-us">Contact</Link></p>
-                        <p><Link href="/newsroom">Newsroom</Link></p>                  
-                        <p><Link href="/company/partner">Partners</Link></p>
-                        <p><Link href="/legal/licenses">Licenses</Link></p>
-                        <p><Link href="/legal/imprint">Imprint</Link></p>
-                        <p><Link href="/legal/privacy">Privacy</Link></p>
+                        <p><Link href="/company/about-us" className="cursor-pointer">About</Link></p>
+                        <p><Link href="/company/contact-us" className="cursor-pointer">Contact</Link></p>
+                        <p><Link href="/newsroom" className="cursor-pointer">Newsroom</Link></p>                  
+                        <p><Link href="/company/partner" className="cursor-pointer">Partners</Link></p>
+                        <p><Link href="/legal/licenses" className="cursor-pointer">Licenses</Link></p>
+                        <p><Link href="/legal/imprint" className="cursor-pointer">Imprint</Link></p>
+                        <p><Link href="/legal/privacy" className="cursor-pointer">Privacy</Link></p>
                 </div>
             </div>
             <div className='p-1 pl-6'>
                 <div className='sm:flex sm:space-x-2 sm:justify-center'>
                     <p>© {year} {SITE_NAME} All rights reserved.</p>
-                    <p className='flex'>Build with <HeartIcon className="h-5 w-5 text-red-600 ml-1 mr-1"/> and <Link href="/legal/licenses" passHref><span className='ml-1 mr-1'><FontAwesomeIcon icon={faOsi} /></span></Link></p>
+                    <p className='flex'>Build with <HeartIcon className="h-5 w-5 text-red-600 ml-1 mr-1"/> and <Link href="/legal/licenses" passHref><span className='ml-2 mr-2 cursor-pointer'><FontAwesomeIcon icon={faOsi}  width="18" /></span></Link></p>
                 </div>
             </div>
             <div className='p-1 pl-6'>
                 <div className='sm:flex sm:space-x-2 sm:justify-center'>
-                    <p className='flex'><Link href="https://instagram.com/slynite.official" passHref><span className='ml-1 mr-1'><FontAwesomeIcon icon={faInstagram} /></span></Link> <Link href="https://linkedin.com/company/slynite" passHref><span className='ml-1 mr-1'><FontAwesomeIcon icon={faLinkedin} /></span></Link> <Link href="https://github.com/slynite" passHref><span className='ml-1 mr-1'><FontAwesomeIcon icon={faGithub} /></span></Link></p>
+                    <p className='flex'><Link href="https://instagram.com/slynite.official" passHref><span className='ml-1 mr-1 cursor-pointer'><FontAwesomeIcon icon={faInstagram} width="16" /></span></Link> <Link href="https://linkedin.com/company/slynite" passHref><span className='ml-1 mr-1 cursor-pointer'><FontAwesomeIcon icon={faLinkedin}  width="16" /></span></Link> <Link href="https://github.com/slynite" passHref><span className='ml-1 mr-1 cursor-pointer'><FontAwesomeIcon icon={faGithub}  width="16" /></span></Link></p>
                 </div>
             </div>
             <div className='p-1 pl-6'>
                 <div className='sm:flex sm:justify-center'>
-                    <p>ver: <a href={versionLink}>{packageObj.version}</a></p>
+                    <p>ver: <a className='cursor-pointer' href={versionLink}>{packageObj.version}</a></p>
                 </div>
             </div>
         </footer>

diff --git a/components/structure/header.js b/components/structure/header.js
@@ -27,7 +27,7 @@ export default function Header() {
                 <Link href="/" passHref>
                   <div className="flex-shrink-0 -mt-10 sm:-mt-5 md:-mt-4 items-center">
                     <div className="block h-8 w-auto">
-                      <div className="w-[110px] h-[110px] items-start">
+                      <div className="w-[110px] h-[110px] items-start cursor-pointer">
                         <Image 
                             src="/company/slynite_logo.svg"
                             layout="responsive"

diff --git a/components/team/preview.js b/components/team/preview.js
@@ -5,8 +5,8 @@ import Link from "next/link";
 export default function MemberPreview({member}) {
     return (
         <Link href={`/team/${member.slug}`} passHref key={member.slug}>
-            <div className='rounded-md bg-neutral-900 hover:scale-102 duration-300 motion-reduce:transform-none'>
-            <Image className='rounded-t-md' data-fallback-image="/content/not-found.png" src={member.image} alt={`${member.name}`} layout="responsive" width={25} height={25} />
+            <div className='cursor-pointer rounded-md bg-neutral-900 hover:scale-102 duration-300 motion-reduce:transform-none'>
+            <Image className='rounded-t-md' data-fallback-image="/content/not-found.png" src={member.image} alt={`${member.name}`} layout="responsive" width={25} height={25} placeholder="blur" blurDataURL={member.image}/>
             <div className='p-2 text-gray-300'>
               <p className='text-transparent bg-clip-text bg-gradient-to-r from-gradient-primary to-gradient-secondary text-lg font-semibold inline-block'>{member.name}</p>
               <p>{member.position}</p>

diff --git a/components/team/socialmedia.js b/components/team/socialmedia.js
@@ -48,7 +48,7 @@ export default function SocialMediaButtons({ socialMediaArray }) {
             <div className="flex">
                 {links.map((link) => (
                     <Link key={link.platform} href={link.link} passHref>
-                        <a className="p-1">{link.icon}</a>
+                        <a className="p-1 cursor-pointer">{link.icon}</a>
                     </Link>
                 ))}
             </div>

diff --git a/content/company/about-us.md b/content/company/about-us.md
@@ -3,4 +3,8 @@ name: "About us"
 ---
 # About us
 
-One of our biggest issues in todays world is the integrity of personalized data. To achieve this aim we are optimizing data architectures and data models to deliver next level solutions requiring only the most necessary data for operations. With our transperency and strict data limitation it is possible to thrive on powerful applications with a minimal amount of data collections.
+One of our biggest issues in todays world is the integrity of personalized data. To achieve this aim we are optimizing data architectures and data models to deliver next level solutions requiring only the most necessary data for operations. With our transperency and strict data limitation it is possible to thrive on powerful applications with a minimal amount of data collections.
+
+### Our logo interpretation
+
+![Slynite Logo interpreting](/company/slynite-logo-interpreting.png)
diff --git a/content/legal/licenses.md b/content/legal/licenses.md
@@ -14,5 +14,5 @@ updated: "01.06.2022"
 - [Fontawesome Brands](https://fontawesome.com/license/free)
 - [headlessui](https://github.com/tailwindlabs/headlessui/blob/main/LICENSE)
 - [remark](https://github.com/remarkjs/remark/blob/main/license)
-- [heropaterns](https://heropatterns.com/)
+- [heropatterns](https://heropatterns.com/)
 - [Bebas Neue](https://www.fontsquirrel.com/license/bebas-neue)
diff --git a/content/team/you.md b/content/team/you.md
@@ -0,0 +1,20 @@
+---
+name: "Join us"
+position: "and become a part of us"
+image: "/team/you/employee-add_1920_op100.png"
+socialmedia:
+    - "website": "https://slynite.com"
+    - "github": "https://github.com/slynite"
+    - "linkedin": "https://www.linkedin.com/company/slynite"
+    - "instagram": "https://instagram.com/slynite.official"
+---
+### Join us!
+As a young startup we are constantly looking for young engaged team members who are searching for innovative and challenging projects in the fields design, software development (App and Web Development), management and branding. Because of our very well established working concepts no previous experience is necessary to feel comfortable with us.
+
+Why are you waiting? Send us an email to [[email protected]](mailto://[email protected]).
+
+**You don't have enough time?**
+
+No problem. If you want, you can support us by contributing to our projects. Our projects are mostly open source, so why are you waiting? Start searching for some enhancements and contribute for a better, transparent, safer and privacy focused internet.
+
+[Slynite on GitHub](https://github.com/slynite)
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "slynite.com",
-  "version": "2022.06.1",
+  "version": "2022.06.2",
   "private": true,
   "scripts": {
     "dev": "next dev",