diff --git a/CNAME b/CNAME new file mode 100644 index 000000000..f834459ef --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +leanderleitao.work \ No newline at end of file diff --git a/README.md b/README.md index 1e5d70975..e69de29bb 100644 --- a/README.md +++ b/README.md @@ -1,69 +0,0 @@ -# [Start Bootstrap - Stylish Portfolio](https://startbootstrap.com/theme/stylish-portfolio/) - -[Stylish Portfolio](https://startbootstrap.com/theme/stylish-portfolio/) is a responsive, one page portfolio theme for [Bootstrap](https://getbootstrap.com/) created by [Start Bootstrap](https://startbootstrap.com/). The theme features multiple content sections with an off canvas navigation menu. - -## Preview - -[![Stylish Portfolio Preview](https://assets.startbootstrap.com/img/screenshots/themes/stylish-portfolio.png)](https://startbootstrap.github.io/startbootstrap-stylish-portfolio/) - -**[View Live Preview](https://startbootstrap.github.io/startbootstrap-stylish-portfolio/)** - -## Status - -[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/StartBootstrap/startbootstrap-stylish-portfolio/master/LICENSE) -[![npm version](https://img.shields.io/npm/v/startbootstrap-stylish-portfolio.svg)](https://www.npmjs.com/package/startbootstrap-stylish-portfolio) -[![Build Status](https://travis-ci.org/StartBootstrap/startbootstrap-stylish-portfolio.svg?branch=master)](https://travis-ci.org/StartBootstrap/startbootstrap-stylish-portfolio) -[![dependencies Status](https://david-dm.org/StartBootstrap/startbootstrap-stylish-portfolio/status.svg)](https://david-dm.org/StartBootstrap/startbootstrap-stylish-portfolio) -[![devDependencies Status](https://david-dm.org/StartBootstrap/startbootstrap-stylish-portfolio/dev-status.svg)](https://david-dm.org/StartBootstrap/startbootstrap-stylish-portfolio?type=dev) - -## Download and Installation - -To begin using this template, choose one of the following options to get started: - -* [Download the latest release on Start Bootstrap](https://startbootstrap.com/theme/stylish-portfolio/) -* Install via npm: `npm i startbootstrap-stylish-portfolio` -* Clone the repo: `git clone https://github.com/StartBootstrap/startbootstrap-stylish-portfolio.git` -* [Fork, Clone, or Download on GitHub](https://github.com/StartBootstrap/startbootstrap-stylish-portfolio) - -## Usage - -### Basic Usage - -After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser. - -### Advanced Usage - -After installation, run `npm install` and then run `npm start` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment. - -#### Gulp Tasks - -* `gulp` the default task that builds everything -* `gulp watch` browserSync opens the project in your default browser and live reloads when changes are made -* `gulp css` compiles SCSS files into CSS and minifies the compiled CSS -* `gulp js` minifies the themes JS file -* `gulp vendor` copies dependencies from node_modules to the vendor directory - -You must have npm installed globally in order to use this build environment. - -## Bugs and Issues - -Have a bug or an issue with this template? [Open a new issue](https://github.com/StartBootstrap/startbootstrap-stylish-portfolio/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](https://startbootstrap.com/theme/stylish-portfolio/). - -## About - -Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects. - -* -* - -Start Bootstrap was created by and is maintained by **[David Miller](https://davidmiller.io/)**. - -* -* -* - -Start Bootstrap is based on the [Bootstrap](https://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat). - -## Copyright and License - -Copyright 2013-2020 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-stylish-portfolio/blob/gh-pages/LICENSE) license. diff --git a/_config.yml b/_config.yml new file mode 100644 index 000000000..2f7efbeab --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-minimal \ No newline at end of file diff --git a/css/stylish-portfolio.css b/css/stylish-portfolio.css index ddb2e3454..20be21ad6 100644 --- a/css/stylish-portfolio.css +++ b/css/stylish-portfolio.css @@ -100,7 +100,7 @@ h6 { } .masthead h1 { - font-size: 4rem; + font-size: 5rem; margin: 0; padding: 0; } @@ -111,6 +111,13 @@ h6 { } .masthead h1 { font-size: 5.5rem; + color:#ffffff; + padding-bottom: 0rem; + } + .masthead h2 { + font-size: 3.5rem; + color:#ffffff; + padding-bottom: 13rem; } } @@ -123,7 +130,7 @@ h6 { height: 100%; transition: all 0.4s ease 0s; transform: translateX(250px); - background: #1D809F; + background: #000000; border-left: 1px solid rgba(255, 255, 255, 0.1); } @@ -290,7 +297,7 @@ h6 { clip-path: inset(2rem); } .portfolio-item:hover .caption { - background-color: rgba(29, 128, 159, 0.9); + background-color: rgba(31, 31, 30, 0.9); -webkit-clip-path: inset(2rem); clip-path: inset(2rem); } @@ -313,7 +320,7 @@ footer.footer .social-link { width: 4rem; line-height: 4.3rem; font-size: 1.5rem; - background-color: #1D809F; + background-color: #000000; transition: background-color 0.15s ease-in-out; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); } @@ -367,9 +374,9 @@ a:hover, a:focus, a:active { } .text-primary { - color: #1D809F !important; + color: #ffffff !important; } .text-secondary { - color: #ecb807 !important; + color: #ffffff !important; } diff --git a/css/stylish-portfolio.min.css b/css/stylish-portfolio.min.css index 729a42e2d..a72add94a 100644 --- a/css/stylish-portfolio.min.css +++ b/css/stylish-portfolio.min.css @@ -2,4 +2,4 @@ * Start Bootstrap - Stylish Portfolio v5.0.9 (https://startbootstrap.com/theme/stylish-portfolio) * Copyright 2013-2020 Start Bootstrap * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-stylish-portfolio/blob/master/LICENSE) - */body,html{width:100%;height:100%}body{font-family:'Source Sans Pro'}.btn-xl{padding:1.25rem 2.5rem}.content-section{padding-top:7.5rem;padding-bottom:7.5rem}.content-section-heading h2{font-size:3rem}.content-section-heading h3{font-size:1rem;text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-weight:700}.text-faded{color:rgba(255,255,255,.7)}.map{height:30rem}@media (max-width:992px){.map{height:75%}}.map iframe{pointer-events:none}.scroll-to-top{position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:45px}.scroll-to-top:focus,.scroll-to-top:hover{color:#fff}.scroll-to-top:hover{background:#343a40}.scroll-to-top i{font-weight:800}.masthead{min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.masthead h1{font-size:4rem;margin:0;padding:0}@media (min-width:992px){.masthead{height:100vh}.masthead h1{font-size:5.5rem}}#sidebar-wrapper{position:fixed;z-index:2;right:0;width:250px;height:100%;transition:all .4s ease 0s;transform:translateX(250px);background:#1d809f;border-left:1px solid rgba(255,255,255,.1)}.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}.sidebar-nav li.sidebar-nav-item a{display:block;text-decoration:none;color:#fff;padding:15px}.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.2)}.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}.sidebar-nav>.sidebar-brand{font-size:1.2rem;background:rgba(52,58,64,.1);height:80px;line-height:50px;padding-top:15px;padding-bottom:15px;padding-left:15px}.sidebar-nav>.sidebar-brand a{color:#fff}.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0 0}#sidebar-wrapper.active{right:250px;width:250px;transition:all .4s ease 0s}.menu-toggle{position:fixed;right:15px;top:15px;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:50px;z-index:999}.menu-toggle:focus,.menu-toggle:hover{color:#fff}.menu-toggle:hover{background:#343a40}.service-icon{background-color:#fff;color:#1d809f;height:7rem;width:7rem;display:block;line-height:7.5rem;font-size:2.25rem;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}.callout{padding:15rem 0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.callout h2{font-size:3.5rem;font-weight:700;display:block;max-width:30rem}.portfolio-item{display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem}.portfolio-item .caption{display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1}.portfolio-item .caption .caption-content{color:#fff;margin:auto 2rem 2rem}.portfolio-item .caption .caption-content h2{font-size:.8rem;text-transform:uppercase}.portfolio-item .caption .caption-content p{font-weight:300;font-size:1.2rem}@media (min-width:992px){.portfolio-item{max-width:none;margin:0}.portfolio-item .caption{transition:background-color .7s,-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out,background-color .7s;transition:clip-path .25s ease-out,background-color .7s,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(0);clip-path:inset(0)}.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}.portfolio-item img{transition:-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out;transition:clip-path .25s ease-out,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}.portfolio-item:hover .caption{background-color:rgba(29,128,159,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}}.map iframe{height:100%;width:100%;border:0}footer.footer{padding-top:5rem;padding-bottom:5rem}footer.footer .social-link{display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:#1d809f;transition:background-color .15s ease-in-out;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}footer.footer .social-link:hover{background-color:#155d74;text-decoration:none}a{color:#1d809f}a:active,a:focus,a:hover{color:#155d74}.btn-primary{background-color:#1d809f!important;border-color:#1d809f!important;color:#fff!important}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#155d74!important;border-color:#155d74!important}.btn-secondary{background-color:#ecb807!important;border-color:#ecb807!important;color:#fff!important}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#ba9106!important;border-color:#ba9106!important}.btn-dark{color:#fff!important}.btn{box-shadow:0 3px 3px 0 rgba(0,0,0,.1);font-weight:700}.bg-primary{background-color:#1d809f!important}.text-primary{color:#1d809f!important}.text-secondary{color:#ecb807!important} \ No newline at end of file + */body,html{width:100%;height:100%}body{font-family:'Source Sans Pro'}.btn-xl{padding:1.25rem 2.5rem}.content-section{padding-top:7.5rem;padding-bottom:7.5rem}.content-section-heading h2{font-size:3rem}.content-section-heading h3{font-size:1rem;text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-weight:700}.text-faded{color:rgba(255,255,255,.7)}.map{height:30rem}@media (max-width:992px){.map{height:75%}}.map iframe{pointer-events:none}.scroll-to-top{position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:45px}.scroll-to-top:focus,.scroll-to-top:hover{color:#fff}.scroll-to-top:hover{background:#343a40}.scroll-to-top i{font-weight:800}.masthead{min-height:30rem;position:relative;display:table;width:100%;height:auto;padding-top:8rem;padding-bottom:8rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.masthead h1{font-size:9rem;margin:0;padding:0}@media (min-width:992px){.masthead{height:100vh}.masthead h1{font-size:8.5rem}}#sidebar-wrapper{position:fixed;z-index:2;right:0;width:250px;height:100%;transition:all .4s ease 0s;transform:translateX(250px);background:#1d809f;border-left:1px solid rgba(255,255,255,.1)}.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}.sidebar-nav li.sidebar-nav-item a{display:block;text-decoration:none;color:#fff;padding:15px}.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.2)}.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}.sidebar-nav>.sidebar-brand{font-size:1.2rem;background:rgba(52,58,64,.1);height:80px;line-height:50px;padding-top:15px;padding-bottom:15px;padding-left:15px}.sidebar-nav>.sidebar-brand a{color:#fff}.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0 0}#sidebar-wrapper.active{right:250px;width:250px;transition:all .4s ease 0s}.menu-toggle{position:fixed;right:15px;top:15px;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:50px;z-index:999}.menu-toggle:focus,.menu-toggle:hover{color:#fff}.menu-toggle:hover{background:#343a40}.service-icon{background-color:#fff;color:#1d809f;height:7rem;width:7rem;display:block;line-height:7.5rem;font-size:2.25rem;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}.callout{padding:15rem 0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.callout h2{font-size:3.5rem;font-weight:700;display:block;max-width:30rem}.portfolio-item{display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem}.portfolio-item .caption{display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1}.portfolio-item .caption .caption-content{color:#fff;margin:auto 2rem 2rem}.portfolio-item .caption .caption-content h2{font-size:.8rem;text-transform:uppercase}.portfolio-item .caption .caption-content p{font-weight:300;font-size:1.2rem}@media (min-width:992px){.portfolio-item{max-width:none;margin:0}.portfolio-item .caption{transition:background-color .7s,-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out,background-color .7s;transition:clip-path .25s ease-out,background-color .7s,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(0);clip-path:inset(0)}.portfolio-item .caption .caption-content{transition:opacity .25s;margin-left:5rem;margin-right:5rem;margin-bottom:5rem}.portfolio-item img{transition:-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out;transition:clip-path .25s ease-out,-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}.portfolio-item:hover .caption{background-color:rgba(29,128,159,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}}.map iframe{height:100%;width:100%;border:0}footer.footer{padding-top:5rem;padding-bottom:5rem}footer.footer .social-link{display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:#1d809f;transition:background-color .15s ease-in-out;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}footer.footer .social-link:hover{background-color:#155d74;text-decoration:none}a{color:#1d809f}a:active,a:focus,a:hover{color:#155d74}.btn-primary{background-color:#1d809f!important;border-color:#1d809f!important;color:#fff!important}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#155d74!important;border-color:#155d74!important}.btn-secondary{background-color:#ecb807!important;border-color:#ecb807!important;color:#fff!important}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#ba9106!important;border-color:#ba9106!important}.btn-dark{color:#fff!important}.btn{box-shadow:0 3px 3px 0 rgba(0,0,0,.1);font-weight:700}.bg-primary{background-color:#1d809f!important}.text-primary{color:#1d809f!important}.text-secondary{color:#ecb807!important} diff --git a/img/Capture.JPG b/img/Capture.JPG new file mode 100644 index 000000000..4a51ee8f8 Binary files /dev/null and b/img/Capture.JPG differ diff --git a/img/bg-callout.jpg b/img/bg-callout.jpg deleted file mode 100644 index 87207f526..000000000 Binary files a/img/bg-callout.jpg and /dev/null differ diff --git a/img/bg-masthead.jpg b/img/bg-masthead.jpg index c120adb8d..698d0664a 100644 Binary files a/img/bg-masthead.jpg and b/img/bg-masthead.jpg differ diff --git a/img/portfolio-1.jpg b/img/portfolio-1.jpg index 4fbdf27ca..9542640d2 100644 Binary files a/img/portfolio-1.jpg and b/img/portfolio-1.jpg differ diff --git a/img/portfolio-2.jpg b/img/portfolio-2.jpg index 111a900e9..15f837a2b 100644 Binary files a/img/portfolio-2.jpg and b/img/portfolio-2.jpg differ diff --git a/img/portfolio-3.jpg b/img/portfolio-3.jpg index 726203942..2ff3a3fb9 100644 Binary files a/img/portfolio-3.jpg and b/img/portfolio-3.jpg differ diff --git a/img/portfolio-4.jpg b/img/portfolio-4.jpg index ba924646b..564b17ff0 100644 Binary files a/img/portfolio-4.jpg and b/img/portfolio-4.jpg differ diff --git a/img/portfolio-5.jpg b/img/portfolio-5.jpg new file mode 100644 index 000000000..07df1dc7e Binary files /dev/null and b/img/portfolio-5.jpg differ diff --git a/img/portfolio-6.jfif b/img/portfolio-6.jfif new file mode 100644 index 000000000..d4e72e663 Binary files /dev/null and b/img/portfolio-6.jfif differ diff --git a/img/portfolio-7.jpg b/img/portfolio-7.jpg new file mode 100644 index 000000000..86d9dca76 Binary files /dev/null and b/img/portfolio-7.jpg differ diff --git a/index.html b/index.html index 615614b26..d0be80ef5 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,15 @@ + + + + + + - Stylish Portfolio - Start Bootstrap Template + + Leander Leitao @@ -19,7 +26,7 @@ - + @@ -32,17 +39,12 @@