Browse Source

Added content to the footer. Broke styling into independet scss files.

tags/v0.1
Robby Zambito 1 week ago
parent
commit
01128fdde2
7 changed files with 60 additions and 38 deletions
  1. +16
    -37
      src/App.vue
  2. +20
    -0
      src/styles/color_pallette.scss
  3. +15
    -0
      src/styles/custom_bulma_style.scss
  4. +6
    -0
      src/views/About.vue
  5. +1
    -0
      src/views/Blog.vue
  6. +1
    -1
      src/views/Home.vue
  7. +1
    -0
      src/views/Photography.vue

+ 16
- 37
src/App.vue View File

@@ -39,8 +39,20 @@
<div class="container">
<router-view/>
</div>
<footer class="footer">
This is in the footer
<footer class="footer has-text-centered">
<div class="container">
<span>
The code for this site can be found
<a href="https://git.robbyzambito.me/Zambyte/robbyzambito.me" target="_blank">here.</a>
<br>
Powered by
<a href="https://www.vultr.com/?ref=7723927" target="_blank">Vultr, </a>
<a href="https://vuejs.org/" target="_blank">Vue, </a>
<a href="https://bulma.io/" target="_blank">Bulma, </a>
<a href="https://writefreely.org/" target="_blank">Writefreely, </a>
and <a href="https://gitea.com/" target="_blank">Gitea.</a>
</span>
</div>
</footer>
</div>
</template>
@@ -49,41 +61,8 @@

// Import Bulma's core
@import "~bulma/sass/utilities/_all";

// SASS style sheet */
// Palette color codes */
// Palette URL: http://paletton.com/#uid=22O0u0kllll4ywQcWqOtKfSNqao */

// As hex codes */

$color-primary-0: #328A2E; // Main Primary color */
$color-primary-1: #B4D0B2;
$color-primary-2: #6BAD67;
$color-primary-3: #0C6607;
$color-primary-4: #034300;

$color-complement-0: #A8383B; // Main Complement color */
$color-complement-1: #FDD9DA;
$color-complement-2: #D47E80;
$color-complement-3: #7D090C;
$color-complement-4: #520002;

// Bulma theming
$body-background-color: $black-bis;
$text: $grey-lighter;

$link: $color-primary-2;
$link-hover: $color-primary-3;
$link-visted: $color-primary-3;

$navbar-item-hover-background-color: $grey-dark;
$navbar-background-color: $black-ter;
$navbar-color: $grey-lighter;

$footer-background-color: $black-ter;

// Generated by Paletton.com © 2002-2014 */
// http://paletton.com */
@import "@/styles/color_pallette.scss";
@import "@/styles/custom_bulma_style.scss";

#app {
font-family: Ubuntu, Liberation Sans, Arial;


+ 20
- 0
src/styles/color_pallette.scss View File

@@ -0,0 +1,20 @@
// SASS style sheet */
// Palette color codes */
// Palette URL: http://paletton.com/#uid=22O0u0kllll4ywQcWqOtKfSNqao */

// As hex codes */

$color-primary-0: #328A2E; // Main Primary color */
$color-primary-1: #B4D0B2;
$color-primary-2: #6BAD67;
$color-primary-3: #0C6607;
$color-primary-4: #034300;

$color-complement-0: #A8383B; // Main Complement color */
$color-complement-1: #FDD9DA;
$color-complement-2: #D47E80;
$color-complement-3: #7D090C;
$color-complement-4: #520002;

// Generated by Paletton.com © 2002-2014 */
// http://paletton.com */

+ 15
- 0
src/styles/custom_bulma_style.scss View File

@@ -0,0 +1,15 @@
@import "@/styles/color_pallette.scss";

// Bulma theming
$body-background-color: $black-bis;
$text: $grey-lighter;

$link: $color-primary-2;
$link-hover: $color-primary-3;
$link-visted: $color-primary-3;

$navbar-item-hover-background-color: $grey-dark;
$navbar-background-color: $black-ter;
$navbar-color: $grey-lighter;

$footer-background-color: $black-ter;

+ 6
- 0
src/views/About.vue View File

@@ -3,3 +3,9 @@
<h1>This is an about page</h1>
</div>
</template>

<script>
export default {
name: 'About',
};
</script>

+ 1
- 0
src/views/Blog.vue View File

@@ -6,6 +6,7 @@

<script>
export default {
name: 'Blog',
};
</script>



+ 1
- 1
src/views/Home.vue View File

@@ -44,7 +44,7 @@ export default {
<style lang="scss" scoped>

#profile-image {
width: 25vw;
width: 30rem;
}

</style>

+ 1
- 0
src/views/Photography.vue View File

@@ -6,6 +6,7 @@

<script>
export default {
name: 'Photography',
};
</script>



Loading…
Cancel
Save