Merge pull request #8 from LucasLeandro1204/develop

Site

gulpfile.js

@@ -23,8 +23,8 @@ elixir((mix) => {
     proxy: 'cotacao-api.dev',
     // proxy: '127.0.0.1:8000',
     files: [
-      paths.pub + '/style/*.css',
-      paths.pub + '/js/*.js',
+      paths.pub + '/styles/*.css',
+      paths.pub + '/scripts/*.js',
       elixir.config.viewPath + '/**/*.php'
     ],
   });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Cotacao-Api",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "API desenvolvida com o Lumen, usando os dados cedidos pelo Banco Central, atualizados todo dia útil, exceto feriados.",
   "directories": {
     "test": "tests"

readme.md

@@ -1,21 +1,27 @@
-# API Cotações
+# Cotação API
 
-API desenvolvida com o Lumen, usando os dados cedidos pelo Banco Central, atualizados todo dia útil, exceto feriados.
+Desenvolvida com o Lumen, usando os dados cedidos pelo Banco Central, atualizados todo dia útil, exceto feriados.
 
 ## Lumen PHP Framework
 [Documentação](https://lumen.laravel.com/docs/5.4)
 
 ## Como usar
 
+###Os dados obtidos são:
+ - **Tipo** (string)
+ - **Sigla** (string)
+ - **Compra** (float)
+ - **Venda** (float)
+
 ### Listar todas as moedas
-Faça um requisição **GET** para
+Faça um requisição **GET**
 
     http://projetolkz.com.br/cotacao
 
 **URL sujeita a mudanças**
 
 ### Listar uma ou mais moedas
-Faça uma requisição **GET**, especificando as moedas como parâmetro, separadas por **;**.
+Faça uma requisição **GET**, especificando as moedas como parâmetro, separadas por **;**
 
     http://projetolkz.com.br/cotacao/USD;EUR
 
@@ -38,12 +44,6 @@ Retorno:
        }
     ]
 
-###Os dados obtidos são:
- - **Tipo** (string)
- - **Sigla** (string)
- - **Compra** (float)
- - **Venda** (float)
-
 ## License
 
 [MIT license](http://opensource.org/licenses/MIT)

resources/assets/sass/partials/documentation.scss

@@ -0,0 +1,16 @@
+section#documentation {
+
+  ul {
+    list-style: none;
+    padding-left: 20px;
+
+    li::before {
+      content: '-';
+      margin-right: 10px;
+    }
+  }
+
+  hr {
+    margin-bottom: 30px;
+  }
+}

resources/assets/sass/partials/intro.scss

@@ -1,8 +1,11 @@
-section.intro {
+section#intro {
   width: 100%;
-  height: 100vh;
-  background-image: url(../images/background.jpg);
-  background-size: cover;
-  background-position: center;
-  background-color: #737373;
+  text-align: center;
+  color: #fff;
+  background-color: rgb(125, 125, 125);
+
+  p {
+    margin-top: 20px;
+    margin-bottom: 50px;
+  }
 }

resources/assets/sass/partials/nav.scss

@@ -6,13 +6,13 @@
 
     img {
       width: 90px;
+      height: 30px;
     }
   }
 
   .nav-item {
 
     .nav-link {
-      font-family: 'Open Sans', sans-serif;
       transition: all 300ms ease-out;
       position: relative;
       margin-left: 5px;

resources/assets/sass/style.scss

@@ -1,2 +1,44 @@
+html, body {
+  font-family: 'Open Sans', sans-serif;
+}
+
+.btn-border {
+  color: #fff;
+  border: 1px solid #fff;
+  padding: 15px 30px;
+  border-radius: 0;
+
+  &:hover,
+  &:active {
+    color: #fff;
+    background: rgba(150, 150, 150, .2);
+  }
+}
+
+pre {
+  padding: 15px;
+  border-radius: 5px;
+  border: 1px solid rgb(243, 243, 243);
+  background: rgb(247, 247, 247);
+}
+
+p {
+
+  span {
+    font-weight: 600;
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Lato, sans-serif;
+}
+
 @import 'partials/nav.scss';
 @import 'partials/intro.scss';
+@import 'partials/documentation.scss';
+

resources/views/base.blade.php

@@ -6,7 +6,7 @@
 
   <title>Projeto LKZ | @yield('title')</title>
 
-  <link href="https://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:300,400,700" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400|Open+Sans:300,400,600" rel="stylesheet" type="text/css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
   <link rel="stylesheet" href="styles/style.css">
   @yield('styles')

resources/views/index.blade.php

@@ -4,8 +4,51 @@
 
 @section('content')
 
-  <section class="intro">
+  <section id="intro" class="py-5">
+    <div class="container">
+      <h1>Cotação API</h1>
+      <p>Cotação de todas as moedas, usando os dados cedidos pelo Banco Central</p>
+      <a href="#documentation" class="btn btn-border">Documentação</a>
+    </div>
+  </section>
 
+  <section id="documentation" class="py-5">
+    <div class="container">
+      <h2>Como usar</h2>
+      <hr>
+      <h4>Os dados obtidos são:</h4>
+      <ul>
+        <li>Tipo</li>
+        <li>Sigla</li>
+        <li>Compra</li>
+        <li>Venda</li>
+      </ul>
+      <hr>
+      <h4>Listar todas as moedas</h4>
+      <p>Faça um requisição <span>GET</span></p>
+      <pre>http://projetolkz.com.br/cotacao</pre>
+      <hr>
+      <h4>Listar uma moeda ou mais</h4>
+      <p>Faça uma requisição <span>GET</span>, especificando as moedas como parâmetro separadas por <span>;</span></p>
+      <pre>http://projetolkz.com.br/cotacao/USD;EUR</pre>
+      <p>Retorno</p>
+<pre>
+[
+   {
+      "type":"A",
+      "initials":"USD",
+      "buy":3.1235,
+      "sell":3.1241
+   },
+   {
+      "type":"B",
+      "initials":"EUR",
+      "buy":3.3621,
+      "sell":3.3643
+   }
+]
+</pre>
+    </div>
   </section>
 
 @stop

resources/views/partials/nav.blade.php

@@ -8,9 +8,6 @@
     </a>
     <div class="collapse navbar-collapse" id="navbarNavDropdown">
       <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a class="nav-link" href="#" target="_blank">Sobre</a>
-        </li>
         <li class="nav-item">
           <a class="nav-link" href="https://github.com/LucasLeandro1204/cotacao-api/issues" target="_blank">Bugs</a>
         </li>