Skip to content

Commit

Permalink
added different image sizes
Browse files Browse the repository at this point in the history
  • Loading branch information
= committed May 4, 2019
1 parent b928010 commit cfb9d37
Show file tree
Hide file tree
Showing 17 changed files with 101 additions and 50 deletions.
Binary file removed assets/img/blog3.jpg
View file
Binary file not shown.
Binary file added assets/img/mobile_sm.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/mobile_xs.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
53 changes: 52 additions & 1 deletion layouts/default.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,58 @@
<v-app v-scroll="onScroll">
<section v-if="$route.path==='/'">
<Navbar :isTransparent="isTransparent" :dark="dark"/>
<v-img :src="require('@/assets/img/section.jpg')" min-height="100" style="height:100%">
<v-img
:src="require('@/assets/img/section.jpg')"
class="hidden-sm-and-down"
min-height="100"
style="height:100%"
>
<v-container>
<div id="showcase">
<marquee>
<h1
class="heading hidden-md-and-up text-uppercase"
>Welcome to my awesome online office and platform</h1>
</marquee>
</div>
<div id="showcase-lg">
<marquee>
<h1
class="display-1 hidden-sm-and-down text-uppercase"
>Welcome to my awesome online office and platform</h1>
</marquee>
</div>
</v-container>
</v-img>
<v-img
:src="require('@/assets/img/mobile_xs.jpg')"
class="hidden-sm-and-up"
min-height="100"
style="height:100%"
>
<v-container>
<div id="showcase">
<marquee>
<h1
class="heading hidden-md-and-up text-uppercase"
>Welcome to my awesome online office and platform</h1>
</marquee>
</div>
<div id="showcase-lg">
<marquee>
<h1
class="display-1 hidden-sm-and-down text-uppercase"
>Welcome to my awesome online office and platform</h1>
</marquee>
</div>
</v-container>
</v-img>
<v-img
:src="require('@/assets/img/mobile_sm.jpg')"
class="hidden-md-and-up hidden-xs-only"
min-height="100"
style="height:100%"
>
<v-container>
<div id="showcase">
<marquee>
Expand Down
26 changes: 13 additions & 13 deletions pages/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,36 +16,36 @@
</v-layout>
<v-layout column justify-center>
<v-flex xs12>
<p class="white--text headline pa-1 mt-1">{{aboutMe["about-me"]}}</p>
<p class="white--text headline-2 pa-1 mt-1">{{aboutMe["about-me"]}}</p>
</v-flex>
<v-flex xs12>
<v-layout column align-content-end class="headline-2">
<v-flex xs12>
<span class="mt-2" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">place</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Location:</span>
<span class="white--text pa-1 left heading">Nigeria</span>
<v-icon class="portfolio--text pa-1 left ml-2">place</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Location:</span>
<span class="white--text pa-1 left">Nigeria</span>
</span>
</v-flex>
<v-flex xs12>
<span class="mt-4" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">email</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Email:</span>
<span class="white--text pa-1 left heading">[email protected]</span>
<v-icon class="portfolio--text pa-1 left ml-2">email</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Email:</span>
<span class="white--text pa-1 left">[email protected]</span>
</span>
</v-flex>
<v-flex xs12>
<span class="mt-4" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">phone</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Phone:</span>
<span class="white--text pa-1 left heading">+2347067859271</span>
<v-icon class="portfolio--text pa-1 left ml-2">phone</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Phone:</span>
<span class="white--text pa-1 left">+2347067859271</span>
</span>
</v-flex>
</v-layout>
</v-flex>
<v-layout justify-start align-content-start>
<p
class="portfolio--text headline pa-2 mt-2"
class="portfolio--text sub pa-2 mt-2 headline-2"
style="align-text:left"
>You can hire me for your web or android app projects. Check out my portfolio for more information.</p>
</v-layout>
Expand Down Expand Up @@ -94,7 +94,7 @@ export default {
},
methods: {
cbt() {
window.open("https://master-cbt.firebaseapp.com", "_blank");
window.location = `${window.location.href}/cbt`;
}
},
head() {
Expand Down Expand Up @@ -157,6 +157,6 @@ p {
.headline-2 {
line-height: 1.5 !important;
font-family: "Times New Roman", Times, serif !important;
font-size: 23px;
font-size: 19px;
}
</style>
62 changes: 31 additions & 31 deletions pages/portfolio/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,29 +93,29 @@
</v-layout>
<v-layout column justify-center>
<v-flex xs12>
<p class="white--text headline pa-1 mt-3">{{aboutMe["about-me"]}}</p>
<p class="white--text headline-2 pa-1 mt-3">{{aboutMe["about-me"]}}</p>
</v-flex>
<v-flex xs12>
<v-layout column class="headline-2">
<v-flex xs12>
<span class="mt-2" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">place</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Location:</span>
<span class="white--text pa-1 left heading">Nigeria</span>
<v-icon class="portfolio--text pa-1 left ml-2">place</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Location:</span>
<span class="white--text pa-1 left">Nigeria</span>
</span>
</v-flex>
<v-flex xs12>
<span class="mt-4" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">email</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Email:</span>
<span class="white--text pa-1 left heading">[email protected]</span>
<v-icon class="portfolio--text pa-1 left ml-2">email</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Email:</span>
<span class="white--text pa-1 left">[email protected]</span>
</span>
</v-flex>
<v-flex xs12>
<span class="mt-4" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">phone</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Phone:</span>
<span class="white--text pa-1 left heading">+2347067859271</span>
<v-icon class="portfolio--text pa-1 left ml-2">phone</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Phone:</span>
<span class="white--text pa-1 left">+2347067859271</span>
</span>
</v-flex>
</v-layout>
Expand Down Expand Up @@ -155,35 +155,35 @@
</section>
<section id="education">
<v-container>
<span class="text-uppercase headline portfolio--text">Education</span>
<span class="text-uppercase sub portfolio--text">Education</span>
<div>
<v-timeline :dense="breakpoint">
<v-timeline-item small fill-dot color="portfolio">
<template v-slot:opposite>
<span class="portfolio--text headline">2004-2010</span>
<span class="portfolio--text sub">2004-2010</span>
</template>
<v-card class="elevation-2" color="#424242" dark>
<v-card-title class="headline portfolio--text">
<v-card-title class="sub portfolio--text">
<span>Modern Child College</span>
</v-card-title>
<v-card-text class="headline">
<v-card-text class="sub">
<p>West African Examination Council (WAEC) Certificate</p>
<p class="portfolio--text headline hidden-sm-and-up">2004-2010</p>
<p class="portfolio--text sub hidden-sm-and-up">2004-2010</p>
</v-card-text>
</v-card>
</v-timeline-item>
<v-timeline-item small fill-dot color="portfolio">
<template v-slot:opposite>
<span class="portfolio--text headline">2013-2018</span>
<span class="portfolio--text subheaing">2013-2018</span>
</template>
<v-card class="elevation-2" color="#424242" dark>
<v-card-title class="headline portfolio--text">
<v-card-title class="sub portfolio--text">
<span>University of Uyo, Uyo</span>
</v-card-title>
<v-card-text class="headline">
<v-card-text class="sub">
<p>Bachelor of Engineering</p>
<p>Electrical/Electronic Engineering</p>
<p class="portfolio--text headline hidden-sm-and-up">2013-2018</p>
<p class="portfolio--text sub hidden-sm-and-up">2013-2018</p>
</v-card-text>
</v-card>
</v-timeline-item>
Expand All @@ -194,29 +194,29 @@
<section id="contact" style="background:#424242">
<v-container>
<span class="text-uppercase headline portfolio--text">Hire Me</span>
<v-card class="hire-me ma-1 pa-2 subheading" flat>
<v-card-text class="hire-me headline">{{aboutMe["hire-me"]}}</v-card-text>
<v-card class="hire-me ma-1 pa-2" flat>
<v-card-text class="hire-me headline-2">{{aboutMe["hire-me"]}}</v-card-text>
<v-card-actions class="hire-me">
<v-layout column class="headline-2">
<v-flex xs12>
<span class="mt-2" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">place</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Location:</span>
<span class="white--text pa-1 left heading">Uyo, Nigeria</span>
<v-icon class="portfolio--text pa-1 left ml-2">place</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Location:</span>
<span class="white--text pa-1 left">Uyo, Nigeria</span>
</span>
</v-flex>
<v-flex xs12>
<span class="mt-4" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">email</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Email:</span>
<span class="white--text pa-1 left heading">[email protected]</span>
<v-icon class="portfolio--text pa-1 left ml-2">email</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Email:</span>
<span class="white--text pa-1 left">[email protected]</span>
</span>
</v-flex>
<v-flex xs12>
<span class="mt-4" style="display:block">
<v-icon class="portfolio--text pa-1 left ml-2 heading">phone</v-icon>
<span class="portfolio--text pa-1 left heading text-uppercase">Phone:</span>
<span class="white--text pa-1 left heading">+2347067859271</span>
<v-icon class="portfolio--text pa-1 left ml-2">phone</v-icon>
<span class="portfolio--text pa-1 left text-uppercase">Phone:</span>
<span class="white--text pa-1 left">+2347067859271</span>
</span>
</v-flex>
</v-layout>
Expand Down Expand Up @@ -402,6 +402,6 @@ p {
.headline-2 {
line-height: 1.5 !important;
font-family: "Times New Roman", Times, serif !important;
font-size: 23px;
font-size: 19px;
}
</style>
1 change: 1 addition & 0 deletions static/cbt/css/app.8345b26b.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 0 additions & 1 deletion static/cbt/css/app.8ab063a6.css
View file

This file was deleted.

Binary file added static/cbt/img/exam2_mobile_sm.821b33c9.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/cbt/img/exam2_mobile_xs.7dd32af0.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/cbt/img/exam_mobile_sm.f0251e95.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/cbt/img/exam_mobile_xs.c4edb84e.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit cfb9d37

Please sign in to comment.