kamilniemczycki/kamilcraft.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Update web designing

Browse Source
This commit is contained in:
Kamil Niemczycki 2021-04-07 18:35:46 +02:00
parent 22b0db3536
commit fb13c57c51
9 changed files with 68 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title>KamilCraft.com</title>
</head> </head>
<body> <body>
<noscript> <noscript>

13
src/App.vue
View File

@ -13,19 +13,6 @@
text-align: center; text-align: center;
color: #2c3e50; color: #2c3e50;
} }
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
}
}
}
</style> </style>
<script> <script>
import Navigation from '@/components/Navigation.vue' import Navigation from '@/components/Navigation.vue'

6
src/components/HomePageElement.vue
View File

@ -1,14 +1,10 @@
<template> <template>
<div class="hello"> <div class="hello">
<h1>{{ msg }}</h1> <h1>{{ $route.meta.title }}</h1>
<p>Witam na mojej stronie głównej. Wszystkich zainteresowanych oczywiście 😁</p> <p>Witam na mojej stronie głównej. Wszystkich zainteresowanych oczywiście 😁</p>
</div> </div>
</template> </template>
<script>
</script>
<style scoped lang="scss"> <style scoped lang="scss">
h3 { h3 {
margin: 40px 0 0; margin: 40px 0 0;

19
src/components/Navigation.vue
View File

@ -1,6 +1,23 @@
<template> <template>
<div id="nav"> <div id="nav">
<router-link to="/">Strona główna</router-link> | <router-link to="/">Strona główna</router-link>
<router-link to="/projects">Projekty</router-link>
<router-link to="/about">O mnie</router-link> <router-link to="/about">O mnie</router-link>
</div> </div>
</template> </template>
<style lang="scss">
#nav {
padding: 30px;
a {
padding: 0 5px;
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
}
}
}
</style>

24
src/router/index.js
View File

@ -2,6 +2,7 @@ import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
import Home from '../views/Home.vue' import Home from '../views/Home.vue'
import About from '../views/About.vue' import About from '../views/About.vue'
import Projects from '../views/Projects.vue'
import NotFound from '../views/NotFound' import NotFound from '../views/NotFound'
Vue.use(VueRouter) Vue.use(VueRouter)
@ -10,14 +11,25 @@ const routes = [
{ {
path: '/', path: '/',
name: 'Home', name: 'Home',
meta: {
title: 'Witam serdecznie 😊'
},
component: Home component: Home
}, },
{
path: '/projects',
name: 'Projects',
meta: {
title: 'Moje projekty'
},
component: Projects
},
{ {
path: '/about', path: '/about',
name: 'About', name: 'About',
// route level code-splitting meta: {
// this generates a separate chunk (about.[hash].js) for this route title: 'O mnie'
// which is lazy-loaded when the route is visited. },
component: About component: About
}, },
{ {
@ -33,4 +45,10 @@ const router = new VueRouter({
routes routes
}) })
const title = 'KamilCraft.com'
router.beforeEach((to, form, next) => {
document.title = to.meta.title || title
next()
})
export default router export default router

2
src/views/About.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="about"> <div class="about">
<h1>O mnie</h1> <h1>{{ $route.meta.title }}</h1>
<p>Nazywam się Kamil Niemczycki, jestem studentem kierunku Informatyka o specjalności Programowanie Aplikacji Mobilnych i Internetowych.</p> <p>Nazywam się Kamil Niemczycki, jestem studentem kierunku Informatyka o specjalności Programowanie Aplikacji Mobilnych i Internetowych.</p>
<p>Swoją przygodę w internecie rozpocząłem od nagrywania poradników, które umieszczałem na moim starym kanale youtube Moje Poradniki (wcześniej Niemczycki12). Z czasem zacząłem odczuwać potrzebę wypowiedzenia się, co spowodowało, że utworzyłem drugi kanał NiKCamii (wcześniej KamilNiemczycki), który był miejscem gdzie dodawałem Vlogi.</p> <p>Swoją przygodę w internecie rozpocząłem od nagrywania poradników, które umieszczałem na moim starym kanale youtube Moje Poradniki (wcześniej Niemczycki12). Z czasem zacząłem odczuwać potrzebę wypowiedzenia się, co spowodowało, że utworzyłem drugi kanał NiKCamii (wcześniej KamilNiemczycki), który był miejscem gdzie dodawałem Vlogi.</p>
<p>Aktualnie zajmuję się projektowaniem i programowaniem aplikacji web w postaci stron www, wykorzystując od strony backend'u język skryptowy PHP. Znam także język znaczników - HTML 5, jego kompana - CSS, jak i podstawy JavaScript(), które są wykorzystwyane w frontend'dzie.</p> <p>Aktualnie zajmuję się projektowaniem i programowaniem aplikacji web w postaci stron www, wykorzystując od strony backend'u język skryptowy PHP. Znam także język znaczników - HTML 5, jego kompana - CSS, jak i podstawy JavaScript(), które są wykorzystwyane w frontend'dzie.</p>

2
src/views/Home.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home"> <div class="home">
<img alt="KamilCraft.com logo" src="https://kamilcraft.com/assets/img/logo.png"> <img alt="KamilCraft.com logo" src="https://kamilcraft.com/assets/img/logo.png">
<HelloWorld msg="Witam serdecznie 🤗"/> <HelloWorld/>
</div> </div>
</template> </template>

6
src/views/Projects.vue Normal file
View File

@ -0,0 +1,6 @@
<template>
<div class="projects">
<h1>{{ $route.meta.title }}</h1>
<p>Ta podstrona jak zwykle nie ma listy projektów 😅</p>
</div>
</template>

5
vue.config.js Normal file
View File

@ -0,0 +1,5 @@
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/vue/'
: '/'
}