Drop marketing

lepoco · Jun 15, 2024 · 3b30930 · 3b30930
1 parent b7ce5ab
commit 3b30930
Show file tree

Hide file tree

Showing 18 changed files with 8,183 additions and 18,751 deletions.
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
@@ -0,0 +1 @@
+github: [lepoco]
diff --git a/CODEOWNERS b/CODEOWNERS
@@ -0,0 +1,6 @@
+# Lines starting with '#' are comments.
+# Each line is a file pattern followed by one or more owners.
+
+# These owners will be the default owners for everything in the repo,
+# and will automatically be added as reviewers to all pull requests.
+*       @pomianowski
diff --git a/blog/hello-world.md b/blog/hello-world.md
@@ -0,0 +1 @@
+# Once upon a time...
diff --git a/composer.json b/composer.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -66,5 +66,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "dependencies": {
+    "dotenv": "^16.4.5"
   }
 }
diff --git a/public/img/brands/asseco-logo-lepo.png b/public/img/brands/asseco-logo-lepo.png
diff --git a/public/img/brands/cinity-logo-lepo.png b/public/img/brands/cinity-logo-lepo.png
diff --git a/public/img/brands/geekvape-logo-lepo.png b/public/img/brands/geekvape-logo-lepo.png
diff --git a/public/img/brands/microsoft-logo-lepo.png b/public/img/brands/microsoft-logo-lepo.png
diff --git a/public/img/brands/raw-film-logo-lepo.png b/public/img/brands/raw-film-logo-lepo.png
diff --git a/public/img/brands/voopoo-logo-lepo.png b/public/img/brands/voopoo-logo-lepo.png
diff --git a/public/index.html b/public/index.html
@@ -21,28 +21,20 @@
   <meta property="og:type" content="website" />
   <meta property="og:title" content="lepo.co - Media House" />
   <meta property="og:description" content="Art / Code" />
-  <meta property="og:site_name" content="dev.lepo.co" />
+  <meta property="og:site_name" content="lepo.co" />
   <meta property="article:publisher" content="https://www.facebook.com/devlepo" />
   <meta property="article:modified_time" content="2021-09-26T00:34:34+00:00" />
   <meta name="twitter:card" content="summary_large_image" />
-  <title>ART / CODE - dev.lepo.co</title>
-  <meta property="og:url" content="https://dev.lepo.co" />
-  <link rel="canonical" href="https://dev.lepo.co" />
-  <link rel="shortlink" href="https://dev.lepo.co" />
+  <title>ART / CODE - lepo.co</title>
+  <meta property="og:url" content="https://lepo.co" />
+  <link rel="canonical" href="https://lepo.co" />
+  <link rel="shortlink" href="https://lepo.co" />
   <style>
     .app-nojs,
     .app-cookie {
       display: none;
     }
   </style>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
-    gtag('config', 'G-J9CZZN8Z6M');
-  </script>
 </head>
 
 <body>
@@ -61,4 +53,4 @@
   <div id="root" data-name="lepoco" data-version="8.0.0"></div>
 </body>
 
-</html>
+</html>
diff --git a/src/App.tsx b/src/App.tsx
@@ -14,9 +14,9 @@ import { Home } from './components/Home';
 import { PrivacyPolicy } from './components/PrivacyPolicy';
 import { Blog } from './components/Blog';
 import { Contact } from './components/Contact';
-import { Marketing } from './components/Marketing';
 import { Programming } from './components/Programming';
 import { NotFound } from './components/NotFound';
+import { Tools } from './components/Tools';
 
 class App extends RoutedComponent {
   public static displayName: string = App.name;
@@ -29,7 +29,7 @@ class App extends RoutedComponent {
           <Route path="/privacy" element={<PrivacyPolicy />} />
           <Route path="/news" element={<Blog />} />
           <Route path="/contact" element={<Contact />} />
-          <Route path="/marketing" element={<Marketing />} />
+          <Route path="/tools" element={<Tools />} />
           <Route path="/programming" element={<Programming />} />
 
           <Route path="*" element={<NotFound />} />

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
@@ -20,10 +20,6 @@ export class Home extends PureComponent {
 
   public typedSpanElement: HTMLSpanElement | null = null;
 
-  public matrixMarketing: HTMLSpanElement | null = null;
-
-  public matrixReach: HTMLSpanElement | null = null;
-
   public componentDidMount() {
     this.printMatrix();
     this.printTyped();
@@ -39,35 +35,18 @@ export class Home extends PureComponent {
   }
 
   private printMatrix(): void {
-    if (this.matrixMarketing != null)
-      Matrix.print(this.matrixMarketing, [
-        'YouTube',
-        'Instagram',
-        'Facebook',
-        'Pinterest',
-        'LinkedIn',
-      ]);
-
-    if (this.matrixReach != null)
-      Matrix.print(this.matrixReach, [
-        '8 000 000',
-        '27 000 000',
-        '300 000',
-        '570 000',
-        '54 000',
-      ]);
   }
 
   private printTyped(): void {
     // If you want to pass more options as props, simply add
     // your desired props to this destructuring assignment.
     // You can pass other options here, such as typing speed, back speed, etc.
     const options = {
-      strings: ['', /*"I", "YOU", "WE",*/ 'WE MAKE THINGS'],
+      strings: ['', /*"I", "YOU", "WE",*/ 'WE MAKE THINGS'], // sometimes does not start on safari
       cursorChar: '.',
       typeSpeed: 80,
       startDelay: 0,
-      backDelay: 2000,
+      backDelay: 1000,
       smartBackspace: true,
       loop: false,
     };
@@ -114,33 +93,6 @@ export class Home extends PureComponent {
         </div>
 
         <div className="banner">
-          <div className="container">
-            <div className="row">
-              <div className="col-12 col-lg-6 -reveal">
-                <div className="banner__title">
-                  <h2>Content Marketing</h2>
-                  <span
-                    className="matrix-marketing"
-                    ref={el => {
-                      this.matrixMarketing = el;
-                    }}></span>
-                </div>
-              </div>
-              <div className="col-12 col-lg-6 -reveal">
-                <p>
-                  Spectacular content makes spectacular results. Instead of
-                  creating empty needs, we build emotions. We know our recipient
-                  and intensify our commitment. We operate, measure and analyze,
-                  leaving space only for content that is effective. Did you know
-                  there are 530 words on this page? Each of them tells you that
-                  we know how. You just tell us what.
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="banner --gray">
           <div className="container">
             <div className="row">
               <div className="col-12 col-lg-6 -reveal">
@@ -162,7 +114,7 @@ export class Home extends PureComponent {
           </div>
         </div>
 
-        <div className="banner">
+        <div className="banner --gray">
           <div className="container">
             <div className="row">
               <div className="col-12 col-lg-6 -reveal">
@@ -223,7 +175,7 @@ export class Home extends PureComponent {
                   <div className="col-3 col-lg-2">
                     <img
                       className="banner__brand"
-                      src="img/brands/raw-film-logo-lepo.png"
+                      src="img/brands/cinity-logo-lepo.png"
                       height="35"
                       width="71"
                       loading="lazy"
@@ -243,7 +195,7 @@ export class Home extends PureComponent {
                   <div className="col-3 col-lg-2">
                     <img
                       className="banner__brand"
-                      src="img/brands/gearbest-logo-lepo.png"
+                      src="img/brands/microsoft-logo-lepo.png"
                       height="35"
                       width="71"
                       loading="lazy"
@@ -253,7 +205,7 @@ export class Home extends PureComponent {
                   <div className="col-3 col-lg-2">
                     <img
                       className="banner__brand"
-                      src="img/brands/orico-logo-lepo.png"
+                      src="img/brands/gearbest-logo-lepo.png"
                       height="35"
                       width="71"
                       loading="lazy"
@@ -263,7 +215,7 @@ export class Home extends PureComponent {
                   <div className="col-3 col-lg-2">
                     <img
                       className="banner__brand"
-                      src="img/brands/voopoo-logo-lepo.png"
+                      src="img/brands/orico-logo-lepo.png"
                       height="35"
                       width="71"
                       loading="lazy"
@@ -293,7 +245,7 @@ export class Home extends PureComponent {
                   <div className="col-3 col-lg-2">
                     <img
                       className="banner__brand"
-                      src="img/brands/geekvape-logo-lepo.png"
+                      src="img/brands/asseco-logo-lepo.png"
                       height="35"
                       width="71"
                       loading="lazy"

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -263,10 +263,10 @@ export class Layout extends PureComponent {
           <div className="pages-nav__item">
             <Link
               className="link --page"
-              to="/marketing"
+              to="/tools"
               role="menuitem"
               onClick={e => this.onNavClick(e)}>
-              Content marketing
+              Tools
             </Link>
           </div>
           <div className="pages-nav__item">

diff --git a/src/components/Marketing.tsx b/src/components/Marketing.tsx
diff --git a/src/components/Tools.tsx b/src/components/Tools.tsx
@@ -0,0 +1,96 @@
+/**
+ * This Source Code Form is subject to the terms of the GNU GPL-3.0 License.
+ * If a copy of the GPL-3.0 was not distributed with this file, You can obtain one at https://www.gnu.org/licenses/gpl-3.0.en.html.
+ * Copyright (C) 2022 Leszek Pomianowski.
+ * All Rights Reserved.
+ */
+
+import { PureComponent } from 'react';
+import { Link } from 'react-router-dom';
+
+export class Tools extends PureComponent {
+  public static displayName: string = Tools.name;
+
+  public render(): JSX.Element {
+    return (
+      <div>
+        <div className="page__wrapper -hmv-50 -bottom">
+          <header className="-reveal">
+            <span className="page__header">lepo.co</span>
+            <h1 className="page__title">Tools</h1>
+          </header>
+
+          <div className="-reveal">
+            <p>
+              It doesn't make much sense to count what applications we create.
+              Because you definitely need another. The key is what questions we
+              will ask you. For what and for whom. Collecting precise data, we
+              offer mathematically perfect solutions and get to work. This is
+              the real art of increasing efficiency. In other words?
+              Tools.
+            </p>
+          </div>
+
+          <div className="-reveal">
+            <Link to="/contact">Write to us</Link>
+          </div>
+        </div>
+        <div className="banner">
+          <div className="container">
+            <div className="row">
+              <div className="col-12 col-lg-6 -reveal">
+                <div className="banner__title">
+                  <h2>WPF UI</h2>
+                  <span>fluent design system</span>
+                </div>
+              </div>
+              <div className="col-12 col-lg-6 -reveal">
+                <p>
+                  Simple way to make your Windows 11 application written in WPF
+                  keep up with modern design trends. Library changes the base
+                  elements like Page, ToggleButton or List, and also includes
+                  additional controls like Navigation, NumberBox, Dialog or
+                  Snackbar.
+                </p>
+                <a
+                  href="https://github.com/lepoco/wpfui"
+                  target="_blank"
+                  className="-black"
+                  rel="noopener nofollow noreferrer">
+                  Check it out on GitHub
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="banner --gray">
+          <div className="container">
+            <div className="row">
+              <div className="col-12 col-lg-6 -reveal">
+                <div className="banner__title">
+                  <h2>Radiograph</h2>
+                  <span>hardware monitoring</span>
+                </div>
+              </div>
+              <div className="col-12 col-lg-6 -reveal">
+                <p>
+                  Modern application that brings together all your favorite
+                  tools in one place. Monitor your processor and graphics card,
+                  check hard drives or network connection. Elegant, efficient
+                  and easy to use.
+                </p>
+                <a
+                  href="https://www.microsoft.com/en-us/p/radiograph/9nh1p86h06cg?activetab=pivot:overviewtab"
+                  target="_blank"
+                  className="-black"
+                  rel="noopener nofollow noreferrer">
+                  Download from Microsoft Store
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}