Skip to content

Commit 6c13782

Browse files
committed
Code comments
1 parent 4881642 commit 6c13782

File tree

8 files changed

+45
-11
lines changed

8 files changed

+45
-11
lines changed

src/App.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
<template>
22
<div :class="appTheme">
3-
<!-- Header Start -->
3+
<!-- App header -->
44
<Header></Header>
55

6-
<!-- Render Active Component Contents Start -->
6+
<!-- Render active component contents with transition -->
77
<transition name="fade" mode="out-in">
88
<router-view :theme="appTheme" />
99
</transition>
1010

11-
<!-- Footer Start -->
11+
<!-- App footer -->
1212
<Footer></Footer>
1313
</div>
1414
</template>

src/components/about/AboutCounter.vue

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
<template>
22
<div class="mt-10 sm:mt-20 bg-primary-light dark:bg-ternary-dark shadow-sm">
3+
<!-- About me counters start -->
34
<div
45
class="container mx-auto py-20 block sm:flex sm:justify-between sm:items-center"
56
>
7+
<!-- About me single counter start -->
68
<div class="mb-20 sm:mb-0">
79
<counter
810
ref="counter"
@@ -18,7 +20,9 @@
1820
>Years of experience</span
1921
>
2022
</div>
23+
<!-- About me single counter end -->
2124

25+
<!-- About me single counter start -->p
2226
<div class="mb-20 sm:mb-0">
2327
<counter
2428
ref="counter"
@@ -35,7 +39,9 @@
3539
>Stars on GitHub</span
3640
>
3741
</div>
42+
<!-- About me single counter end -->
3843

44+
<!-- About me single counter start -->
3945
<div class="mb-20 sm:mb-0">
4046
<counter
4147
ref="counter"
@@ -52,7 +58,9 @@
5258
>Positive feedback</span
5359
>
5460
</div>
61+
<!-- About me single counter end -->
5562

63+
<!-- About me single counter start -->
5664
<div class="mb-20 sm:mb-0">
5765
<counter
5866
ref="counter"
@@ -68,7 +76,9 @@
6876
>Projects completed</span
6977
>
7078
</div>
79+
<!-- About me single counter end -->
7180
</div>
81+
<!-- About me counters end -->
7282
</div>
7383
</template>
7484

src/components/about/AboutMe.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,16 @@
11
<template>
22
<div class="block sm:flex sm:gap-10 mt-10 sm:mt-20">
3+
<!-- About me portfolio image start -->
34
<div class="w-full sm:w-1/4 mb-7 sm:mb-0">
45
<img
56
src="../../assets/images/profile.jpeg"
67
class="rounded-xl w-96"
78
alt=""
89
/>
910
</div>
11+
<!-- About me portfolio image end -->
12+
13+
<!-- About me details start -->
1014
<div class="w-full sm:w-3/4 text-left">
1115
<p
1216
v-for="bio in bios"
@@ -16,6 +20,7 @@
1620
{{ bio.bio }}
1721
</p>
1822
</div>
23+
<!-- About me details end -->
1924
</div>
2025
</template>
2126

src/components/project/SingleProjectInfo.vue

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
<template>
22
<!-- Project information start -->
33
<div class="block sm:flex gap-0 sm:gap-10 mt-14">
4+
<!-- Single project left section details start -->
45
<div class="w-full sm:w-1/3 text-left">
6+
<!-- Single project client details start -->
57
<div class="mb-7">
68
<p
79
class="text-2xl font-semibold text-secondary-dark dark:text-secondary-light mb-2"
@@ -27,6 +29,9 @@
2729
</li>
2830
</ul>
2931
</div>
32+
<!-- Single project client details end -->
33+
34+
<!-- Single project objectives start -->
3035
<div class="mb-7">
3136
<p
3237
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
@@ -40,6 +45,9 @@
4045
cumque vero voluptate, reiciendis amet non!
4146
</p>
4247
</div>
48+
<!-- Single project objectives end -->
49+
50+
<!-- Single project technologies start -->
4351
<div class="mb-7">
4452
<p
4553
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
@@ -50,6 +58,9 @@
5058
{{ technlogies[0].techs.join(', ') }}
5159
</p>
5260
</div>
61+
<!-- Single project technologies end -->
62+
63+
<!-- Single project social sharing start -->
5364
<div>
5465
<p
5566
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
@@ -67,7 +78,11 @@
6778
></a>
6879
</div>
6980
</div>
81+
<!-- Single project social sharing end -->
7082
</div>
83+
<!-- Single project left section details end -->
84+
85+
<!-- Single project right section details start -->
7186
<div class="w-full sm:w-2/3 text-left mt-10 sm:mt-0">
7287
<p
7388
class="text-primary-dark dark:text-primary-light text-2xl font-bold mb-7"
@@ -82,6 +97,7 @@
8297
{{ projectDetail.details }}
8398
</p>
8499
</div>
100+
<!-- Single project right section details end -->
85101
</div>
86102
<!-- Project information end -->
87103
</template>

src/components/project/SingleProjectRelatedProjects.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
>
77
Related Projects
88
</p>
9+
910
<div class="grid grid-cols-1 sm:grid-cols-4 gap-10">
1011
<div>
1112
<img

src/main.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ createApp(App)
1313

1414
const appTheme = localStorage.getItem('theme');
1515

16+
// Check what is the active theme
1617
if (
1718
appTheme === 'dark' &&
1819
document.querySelector('body').classList.contains('app-theme')

src/views/Contact.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<template>
22
<div class="container mx-auto sm:flex py-5 sm:py-10 mt-10 sm:mt-20">
3+
<!-- Contact form start -->
34
<div class="w-full sm:w-1/2">
45
<div class="leading-loose">
56
<form
@@ -85,6 +86,9 @@
8586
</form>
8687
</div>
8788
</div>
89+
<!-- Contact form end -->
90+
91+
<!-- Contact details start -->
8892
<div class="w-full sm:w-1/2">
8993
<div class="text-left max-w-xl px-6">
9094
<h2
@@ -111,6 +115,7 @@
111115
</ul>
112116
</div>
113117
</div>
118+
<!-- Contact details end -->
114119
</div>
115120
</template>
116121

src/views/SingleProject.vue

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,18 @@
11
<template>
22
<div class="container mx-auto mt-10 sm:mt-20">
3-
<!-- Projects start -->
3+
<!-- Project header -->
44
<SingleProjectHeader />
5-
<!-- Projects end -->
65

7-
<!-- Projects start -->
6+
<!-- Project gallery -->
87
<SingleProjectGallery />
9-
<!-- Projects end -->
108

11-
<!-- Projects start -->
9+
<!-- Project information -->
1210
<SingleProjectInfo />
13-
<!-- Projects end -->
1411

1512
<hr class="mt-10 sm:mt-20 text-ternary-dark dark:text-ternary-dark" />
1613

17-
<!-- Projects start -->
14+
<!-- Project related projects -->
1815
<SingleProjectRelatedProjects />
19-
<!-- Projects end -->
2016
</div>
2117
</template>
2218

0 commit comments

Comments
 (0)