Jenkins fixes

.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

.gitignore

@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+package-lock.json
+yarn.lock

Jenkinsfile

@@ -0,0 +1,39 @@
+pipeline {
+    agent  { label 'Ubuntu18-openjdk1.8'}
+
+    environment {
+        CI = 'true'
+    }
+    stages {
+        stage('Build') {
+            steps {
+				// sh 'rm -rf node_modules'
+				// sh 'sudo apt-get update && sudo apt-get -y --no-install-recommends install && sudo apt-get clean'
+				// sh 'sudo apt-get install -y curl '
+				// sh 'curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -'
+				// sh 'sudo apt-get install -y nodejs && sudo apt-get install -y nginx'
+				// sh 'sudo npm install -g npm@latest'
+				// sh 'npm install --legacy-peer-deps'
+				// sh 'sudo npm install -g yarn'
+                sh 'npm install'
+				sh 'CI=false npm run build'
+				sh 'scp -i /home/jenkins/.ssh/id_rsa -r build/* root@192.168.1.136:/var/www/'
+				
+            }
+        }
+        stage('Test') {
+            steps {
+                //sh './jenkins/scripts/test.sh'
+				sh 'echo Testskipped'
+            }
+        }
+        stage('Deliver') {
+            steps {
+                //sh './jenkins/scripts/deliver.sh'
+                //input message: 'Finished using the web site? (Click "Proceed" to continue)'
+                //sh './jenkins/scripts/kill.sh'
+				sh 'echo Deliverskipped'
+            }
+        }
+    }
+}

README-old.md

@@ -1,50 +0,0 @@
-# 👋 Fresh
-> Fresh is a free landing page starter built by [cssninjaStudio](https://cssninja.io).
-
-![Screenshot](https://media.cssninja.io/products/fresh/product.png "Fresh")
-
-## ✌️ preview
-
-Check out the live demo by clicking [here](https://cssninjastudio.github.io/fresh/). 
-Fresh is built with [Bulma](https://bulma.io) and [Alpine JS](https://github.com/alpinejs/alpine).
-
-## 👍 Features
-
-* Gulp 4 and nodejs 12.13.0 (minimum)
-* Bulma 0.9.1
-* ES6 support
-* Alpine JS
-
-## 👌 Usage
-
-1. Install Dev Depedencies
-
-```sh
-npm install
-```
-
-2. To start development server
-
-```sh
-npm run dev
-```
-
-## 🍔 Issues
-
-If you've found an issue or a bug, you can report it in the issues section of this repository. Please try to follow these simple guidelines to report your issue:
-
-* Issue definition
-* Expected behaviour
-* Actual behaviour
-* steps to reproduce
-* Already tried fixes (if relevant)
-
-## 🎉 More
-
-You liked Fresh? Check also our other premium Envato bulma themes [Css Ninja](https://cssninja.io/themes).
-
-Find more premium bulma templates on [Css Ninja](https://cssninja.io/category/all).
-
-## 🚀 About Us
-
-Css Ninja is a web design studio. We build handcrafted and polished templates that will give some hype to your startup or to your next project.

README.md

@@ -1,3 +1,4 @@
+To run:
 **Getting Start :**
 
 `npm install`
@@ -5,12 +6,3 @@
 run:
 
 `**npm run dev**`
-
-### get git remote url 
-
-`git remote get-url origin`
-
-`git remote show origin`
-
-`git remote -v`
-

langingpage/README.md

@@ -1,70 +0,0 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `yarn build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

package.json

@@ -6,16 +6,17 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.16",
+    "@material-ui/core": "^4.12.3",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
+    "aos": "^3.0.0-beta.6",
     "font-awesome": "^4.7.0",
-    "mdbreact": "^5.1.0",
-    "node-sass": "^4.14.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-fontawesome": "^1.7.1",
     "react-recaptcha-google": "^1.1.1",
+    "react-router-dom": "^6.0.2",
     "react-scripts": "4.0.3",
     "react-select": "^5.2.1",
     "web-vitals": "^1.0.1"
@@ -43,5 +44,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "react-router-dom": "5.2.0"
   }
 }

src/assets/css/Main.css

@@ -46,6 +46,7 @@ header {
   position: relative;
   font-family: Lato;
   margin-left: 30px;
+  color: white;
 }
 
 header div {
@@ -101,9 +102,11 @@ main {
 }
 
 h2 {
+  color: white;
   font-size: 45px;
-  margin-bottom: 120px;
+  margin-bottom: 100px;
   text-align: center;
+  width: 100%;
 }
 
 h3 {
@@ -119,7 +122,7 @@ h3 {
 .service-container {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between;
+  justify-content: space-around;
   align-items: center;
   margin: 40px 0px 180px 0px;
   position: relative;
@@ -135,7 +138,15 @@ h3 {
   -webkit-box-shadow: 0px 0px 53px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0pc 0px 53px -19px rgba(0, 0, 0, 0.75);
   box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.75);
+
+ /* transform: translateX(-100%);
+    -webkit-transform: translateX(-100%);
+    animation: slide-in 0.5s forwards;
+    -webkit-animation: slide-in 0.5s forwards; */
 }
+/* @keyframes slide-in {
+  100% { transform: translateX(0%); } 
+} */
 
 .service-description{
   width: 48%;
@@ -145,6 +156,9 @@ h3 {
   width: 80%;
   margin: 0 auto;
   text-align: center;
+  
+  margin-bottom: 280px;
+  color: white;
 }
 
 .newsletter * {

src/assets/css/index.css

@@ -4,11 +4,11 @@ html{
   background: linear-gradient(300deg,#1a4974,#0b3965,#1b63a9);
   background-size: 180% 180%;
   animation: gradient-animation 15s ease infinite;  
+  color: white;
 }
 
 body {
   margin:0;
-  
   padding: 0px;
   font-family: Lato;
   -webkit-font-smoothing: antialised;

src/components/BetaForm.js

@@ -11,7 +11,7 @@ const options = [
 
 function BetaForm() {
     return(
-        <div className="main">
+        <div data-aos="fade-up" className="main">
         <div className="center">
           <div className="menu">
             <div className="logo">

src/components/Contact.js

@@ -11,19 +11,31 @@ const Contact = () => {
   }
 
   const [title, setTitle] = useState("");
-  const [ content, setContent] = useState("");
-  const[contactEmail, setContactEmail] = useStates("");
+  const [content, setContent] = useState("");
+  const[contactEmail, setContactEmail] = useState("");
+
+  const sendEmail = async() =>  {
+    e.preventDefault();
+    console.log("sending email");
+  }
 
 
   return(
     <React.Fragment>
-      <button className="back" onClick={goback}> &larr; Go Back</button>
+      <button className="back" onClick={goBack}> &larr; Go Back</button>
       <form className="contact" onSubmit={sendEmail}>
         <h2> Envie uma mensagem para ajudar-nos a construir o melhor software gerenciador de Bibliotecas</h2>
 
         <label htmlFor="title"> Message Title: </label>
-        <input type="text" name="title" onChange={(e) => setTitle(e.target.value) } />
+        <input type="text" name="title" onChange={(e) => setTitle(e.target.value)} />
 
+        <label htmlFor="content">Message Content: </label>
+        <textarea name="content" onChange={(e) => setContent(e.target.value)} />
+
+        <label htmlFor="email">Contact Email: </label>
+        <input type="email" name="email" onChange={(e) => setContactEmail(e.target.value)} />
+
+        <input type="submit" value="Send Message" />>      
       </form>
     </React.Fragment>
   )
@@ -31,3 +43,5 @@ const Contact = () => {
 
 
 }
+
+export default Contact;

src/components/Main.js

@@ -3,7 +3,13 @@ import Template from "../assets/images/Template1.svg";
 import { Link, useHistory } from "react-router-dom";
 import "../assets/css/Main.css";
 
+import AOS from 'aos';
+import 'aos/dist/aos.css'; 
+
 const Main = () => {
+     AOS.init({ duration: 2000}); 
+
+     
 
     const [joined, setJoined] = useState("");
     const history = useHistory();
@@ -19,47 +25,50 @@ const Main = () => {
     }
 
     return (
+        
         <React.Fragment>
+            
             <header>
+                
             <img src={Template} />
-            <div>
-                <h1>Estamos Produzindo Software <br />Gerenciador de Bibliotecas: </h1>
-                <p> Librography é um gerenciador para Bibliotecas e colecões particulares de Livros</p>
-                <Link to="/subscribe">Fique por dentro!</Link>
+            <div data-aos="fade-right">
+                <h1>Estamos Produzindo o <br />Melhor Software <br />Gerenciador de Bibliotecas </h1>
+                <p> Librography é um gerenciador completo para bibliotecas e  pode ser usado grátis para colecões particulares de livros e pequenas bibliotecas com ate 3 mil volumes.</p>
+                <Link to="/contact">Contato</Link>
             </div>
             </header>
 
             <main>
                 <section className="services">
-                    <h2>Serviços</h2>
+                    <h2>Recursos</h2>
 
                     <div className="service-container">
-                        <div className="service-card service-one"></div>
-                        <div className="service-description">
+                        <div data-aos="slide-right" className="service-card service-one"></div>
+                        <div data-aos="slide-left"className="service-description">
                             <h3>Gerenciamento avançado</h3>
                             <div>* Controle de Funcionários  com diversos níveis de acesso: Administrador, Atendente, Manutençao, Pesquisador.<br /> * Cadastro de estudantes e Professores. <br /> * Suporte a capas de Libros. <br /> * Consulta por Nome, ISBN, Autor, etc.<br /> * Recurso de localização do local do livro no Bibliotace(Piso, Corredor,  Seção, Estante).<br /> * Suporte integrado para confecção de cartão/crachá de Estudante ou Professor. <br /> * Impressão de tickets e multas por atraso. <br /> * Suporte a leitor de código barras(ISBN) e QrCodes(Tickets de empréstimo)<br /> * Exportação de dados para planilhas .Xlsx.<br /> * 3 Modos disponíveis: Cliente/Servidor/Qiosque de consulta<br /> * Cadastro de Fornecedores.<br /> * Integração para registro ISBN*.<br /> * Suporte a protocolo Z39.50</div>
                         </div>
                     </div>
 
                     <div className="service-container">
-                        <div className="service-card service-two"></div>
-                        <div className="service-description">
+                        <div data-aos="slide-right" className="service-card service-two"></div>
+                        <div data-aos="slide-left" className="service-description">
                             <h3>Interface Intuitiva</h3>
                             <div>bla vblal lblxlvsl lsdlf sldflsdl sdlf osdf lsd flslssdflsdfls flsd flsd f</div>
                         </div>
                     </div>
 
                     <div className="service-container">
-                        <div className="service-card service-three"></div>
-                        <div className="service-description">
+                        <div data-aos="slide-right" className="service-card service-three"></div>
+                        <div data-aos="slide-left" className="service-description">
                             <h3>Interface Intuitiva</h3>
                             <div>bla vblal lblxlvsl lsdlf sldflsdl sdlf osdf lsd flslssdflsdfls flsd flsd f</div>
                         </div>
                     </div>
 
                     <div className="service-container">
-                        <div className="service-card service-four"></div>
-                        <div className="service-description">
+                        <div data-aos="slide-right" className="service-card service-four"></div>
+                        <div data-aos="slide-left" className="service-description">
                             <h3>Interface Intuitiva</h3>
                             <div>* Temas Light/Dark<br /> * Consulta intuitiva de histórico<br /> *</div>
                         </div>
@@ -67,11 +76,11 @@ const Main = () => {
 
                 </section>
 
-                <section>
-                    <h2>Join our NewsLetter to get latest trends.</h2>
+                <section data-aos="slide-up">
+                    <h2>Receba as novidades sobre nosso produtos direto em seu email.</h2>
 
                     <form className="newsletter" onSubmit={join}>
-                        <input type="email" placeholder="Your Email gos here" onChange={(e) => setJoined(e.target.value)} />
+                        <input type="email" placeholder="Insira seu email" onChange={(e) => setJoined(e.target.value)} />
                         <input type="submit" value="Join Now!" />
 
                     </ form>