Browse Source

Position hero and navbar

tags/v0.1.0
Immanuel Onyeka 4 years ago
parent
commit
678035e51e
19 changed files with 110 additions and 19 deletions
  1. +3
    -0
      .gitignore
  2. +0
    -0
      bootstrap/cache/.gitignore
  3. +3
    -0
      package.json
  4. +3
    -11
      public/main.js
  5. +0
    -0
      public/newfile
  6. +5
    -3
      resources/build.sh
  7. +88
    -1
      resources/scss/main.scss
  8. +1
    -3
      resources/views/home.blade.php
  9. +6
    -1
      resources/views/master.blade.php
  10. +1
    -0
      resources/views/panel.blade.php
  11. +0
    -0
      storage/app/.gitignore
  12. +0
    -0
      storage/app/public/.gitignore
  13. +0
    -0
      storage/framework/.gitignore
  14. +0
    -0
      storage/framework/cache/.gitignore
  15. +0
    -0
      storage/framework/cache/data/.gitignore
  16. +0
    -0
      storage/framework/sessions/.gitignore
  17. +0
    -0
      storage/framework/testing/.gitignore
  18. +0
    -0
      storage/framework/views/.gitignore
  19. +0
    -0
      storage/logs/.gitignore

+ 3
- 0
.gitignore View File

@@ -4,6 +4,8 @@
/public/storage /public/storage
/storage/*.key /storage/*.key
/vendor /vendor
*.css
*.css.map
.env .env
.env.backup .env.backup
.phpunit.result.cache .phpunit.result.cache
@@ -12,3 +14,4 @@ Homestead.json
Homestead.yaml Homestead.yaml
npm-debug.log npm-debug.log
yarn-error.log yarn-error.log
package-lock.json

+ 0
- 0
bootstrap/cache/.gitignore View File


+ 3
- 0
package.json View File

@@ -14,5 +14,8 @@
"laravel-mix": "^6.0.6", "laravel-mix": "^6.0.6",
"lodash": "^4.17.19", "lodash": "^4.17.19",
"postcss": "^8.1.14" "postcss": "^8.1.14"
},
"dependencies": {
"browsersync": "0.0.1-security"
} }
} }

+ 3
- 11
public/main.js View File

@@ -1,19 +1,11 @@
const Counter = { const Counter = {
data() { data() { return { counter: 0 } }
return {
counter: 0
}
}
} }


Vue.createApp(Counter).mount('#counter') Vue.createApp(Counter).mount('#counter')


const AttributeBindingApp = { const AttributeBindingApp = {
data() { data() { return {
return { message: 'You loaded this page on ' + new Date().toLocaleString()}}}
message: 'You loaded this page on ' + new Date().toLocaleString()
}
}
}


Vue.createApp(AttributeBindingApp).mount('#bind-attribute') Vue.createApp(AttributeBindingApp).mount('#bind-attribute')

+ 0
- 0
public/newfile View File


+ 5
- 3
resources/build.sh View File

@@ -1,16 +1,18 @@
#!/bin/sh #!/bin/sh


project=$HOME/projects/trendplays

watch() { watch() {
npx browser-sync start --proxy 'localhost:8000' -w --files assets views sass & npx browser-sync start --proxy 'trendplays.test' -w --files $project/resources/views $project/resources/scss &
pid=$! pid=$!
sass --load-path=sass --watch --error-css scss/main.scss ../public/main.css & sass --load-path=sass --watch --error-css $project/resources/scss/main.scss $project/public/main.css &
pid="$pid $!" pid="$pid $!"
trap "kill -TERM $pid" 0 1 2 15 trap "kill -TERM $pid" 0 1 2 15
wait wait
} }


once() { once() {
sass --load-path=sass scss/main.scss ../public/main.css sass --load-path=sass $project/resources/scss/main.scss $project/public/main.css
} }


deploy() { deploy() {


+ 88
- 1
resources/scss/main.scss View File

@@ -15,5 +15,92 @@ h1 {
color: black; color: black;
} }
a { a {
// text-decoration: none; text-decoration: none;
}

nav {
position: absolute;
width: 100%;
top: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
// background-color: transparent;
}

nav h1 {
margin: 4px 10px 0;
}

nav #logo {
margin-right: 50px;
}

nav form {
display: flex;
flex-wrap: wrap;
}

nav form div {
// width: 10em;
margin: 0 10px;
}

nav form button {
min-width: 5em;
}

nav .register-button {
// width: 5em;
display: block;
margin: 0 20px;
}

@media (max-width: 720px) {
nav { display: block; }

nav form {
display: block;
width: 190px;
margin-left: auto;
margin-right: auto;
align-items: center;
}
nav form div {
margin: 10px auto;
}
nav div label,input {
display: block;
}
nav .register-button {
margin: 8px 0;
}
}

div.landing-hero {
top: 0;
height: 60vh;
background-color: orange;
}

div.hero-filter {
width: 100%;
height: 100%;
}

div.hero-filter h2 {
width: 10em;
font-size: 2.4em;
position: absolute;
top: 15%;
margin-left: 3%;
}

div.errors {
background-color: red;
height: 50px;
position: absolute;
width: 100%;
top: 50px;
} }

+ 1
- 3
resources/views/home.blade.php View File

@@ -11,12 +11,10 @@
@parent @parent
<div class='landing-hero'> <div class='landing-hero'>
<div class='hero-filter'> <div class='hero-filter'>
<h2>The Web's #1 Content Promoter.</h2> <h2>The web's #1 content promoter</h2>
</div> </div>
</div> </div>
<section class="about-us"> <section class="about-us">
<h2>Elit</h2>
<p>Dolor molestiae quos architecto nesciunt enim! Sit corrupti voluptas
aliquam aperiam maiores iure aliquam aut Voluptatem quas deserunt iure non sunt aliquam aperiam maiores iure aliquam aut Voluptatem quas deserunt iure non sunt
Esse laborum corporis explicabo eos numquam. Fugit ad ex? Esse laborum corporis explicabo eos numquam. Fugit ad ex?
</p> </p>


+ 6
- 1
resources/views/master.blade.php View File

@@ -18,14 +18,19 @@
@guest @guest
<form class= 'login' method='POST'> <form class= 'login' method='POST'>
@csrf @csrf
<div>
<label for='sender_email'>Email</label> <label for='sender_email'>Email</label>
<input required type='email' name='sender_email' placeholder='' <input required type='email' name='sender_email' placeholder=''
spellcheck='false'> spellcheck='false'>
</div>
<div>
<label for='sender_password'>Password</label> <label for='sender_password'>Password</label>
<input required type='password' name='sender_password' placeholder='' spellcheck='false'> <input required type='password' name='sender_password' placeholder='' spellcheck='false'>
</div>
<button class='login-button'type="login">Log in</button> <button class='login-button'type="login">Log in</button>
</form>
<a href='/register' class='register-button' type="login">Register</a> <a href='/register' class='register-button' type="login">Register</a>
</form>
@endguest @endguest
<span class="icon-bar"></span> <span class="icon-bar"></span>
<!-- probably not needed --> <!-- probably not needed -->


+ 1
- 0
resources/views/panel.blade.php View File

@@ -15,6 +15,7 @@
<nav class="sidebar"> <nav class="sidebar">
<a href="/panel">Summary<div><img src="" alt=""></div></a> <a href="/panel">Summary<div><img src="" alt=""></div></a>
<a href="/panel/orders">Orders<div><img src="" alt=""></div></a> <a href="/panel/orders">Orders<div><img src="" alt=""></div></a>
<a href="/panel/billing">Billing<div><img src="" alt=""></div></a>
<a href="/panel/help">Help<div><img src="" alt=""></div></a> <a href="/panel/help">Help<div><img src="" alt=""></div></a>
<a href="/panel/admin">Administrator<div><img src="" alt=""></div></a> <a href="/panel/admin">Administrator<div><img src="" alt=""></div></a>
</nav> </nav>


+ 0
- 0
storage/app/.gitignore View File


+ 0
- 0
storage/app/public/.gitignore View File


+ 0
- 0
storage/framework/.gitignore View File


+ 0
- 0
storage/framework/cache/.gitignore View File


+ 0
- 0
storage/framework/cache/data/.gitignore View File


+ 0
- 0
storage/framework/sessions/.gitignore View File


+ 0
- 0
storage/framework/testing/.gitignore View File


+ 0
- 0
storage/framework/views/.gitignore View File


+ 0
- 0
storage/logs/.gitignore View File


||||||
x
 
000:0
Loading…
Cancel
Save