Skip to content

Commit d4b78f0

Browse files
realstomanrealstoman
committed
Code comments update
1 parent f9d8674 commit d4b78f0

24 files changed

+82
-110
lines changed

‎src/App.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
<router-view :theme="appTheme" />
99
</transition>
1010

11+
<!-- Scroll to top -->
1112
<back-to-top
1213
visibleoffset="500"
1314
right="40px"

‎src/components/AboutClientSingle.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<template>
2+
<!-- Client single image -->
23
<div>
34
<img
45
:src="client.img"

‎src/components/AboutClients.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<template>
2+
<!-- About page clients section -->
23
<div class="mt-10 sm:mt-20">
34
<p
45
class="text-2xl sm:text-4xl text-primary-dark dark:text-primary-light font-sans font-semibold"

‎src/components/AboutCounter.vue

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +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 -->
3+
<!-- About me counters -->
44
<div
55
class="container mx-auto py-20 block sm:flex sm:justify-between sm:items-center"
66
>
7-
<!-- About me single counter start -->
7+
<!-- About me single counter -->
88
<div class="mb-20 sm:mb-0">
99
<counter
1010
ref="counter"
@@ -21,9 +21,8 @@
2121
>Years of experience</span
2222
>
2323
</div>
24-
<!-- About me single counter end -->
2524

26-
<!-- About me single counter start -->
25+
<!-- About me single counter -->
2726
<div class="mb-20 sm:mb-0">
2827
<counter
2928
ref="counter"
@@ -40,9 +39,8 @@
4039
>Stars on GitHub</span
4140
>
4241
</div>
43-
<!-- About me single counter end -->
4442

45-
<!-- About me single counter start -->
43+
<!-- About me single counter -->
4644
<div class="mb-20 sm:mb-0">
4745
<counter
4846
ref="counter"
@@ -59,9 +57,8 @@
5957
>Positive feedback</span
6058
>
6159
</div>
62-
<!-- About me single counter end -->
6360

64-
<!-- About me single counter start -->
61+
<!-- About me single counter -->
6562
<div class="mb-20 sm:mb-0">
6663
<counter
6764
ref="counter"
@@ -77,9 +74,7 @@
7774
>Projects completed</span
7875
>
7976
</div>
80-
<!-- About me single counter end -->
8177
</div>
82-
<!-- About me counters end -->
8378
</div>
8479
</template>
8580

‎src/components/AboutMe.vue

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<template>
2+
<!-- About me bio section -->
23
<div class="block sm:flex sm:gap-10 mt-10 sm:mt-20">
3-
<!-- About me portfolio image start -->
4+
<!-- About me portfolio image -->
45
<div class="w-full sm:w-1/4 mb-7 sm:mb-0">
56
<img
67
src="@/assets/images/profile.jpeg"
78
class="rounded-xl w-96"
89
alt=""
910
/>
1011
</div>
11-
<!-- About me portfolio image end -->
1212

13-
<!-- About me details start -->
13+
<!-- About me details -->
1414
<div class="w-full sm:w-3/4 text-left">
1515
<p
1616
v-for="bio in bios"
@@ -20,7 +20,6 @@
2020
{{ bio.bio }}
2121
</p>
2222
</div>
23-
<!-- About me details end -->
2423
</div>
2524
</template>
2625

‎src/components/AppBanner.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
<template>
2-
<!-- Banner start -->
2+
<!-- App Banner -->
33
<section
44
class="flex flex-col sm:justify-between items-center sm:flex-row mt-12 sm:mt-10"
55
>
6+
<!-- Banner left contents -->
67
<div class="w-full sm:w-1/3 text-left">
78
<h1
89
class="text-3xl sm:text-4xl xl:text-5xl text-center sm:text-left font-semibold text-ternary-dark dark:text-primary-light uppercase"
@@ -29,6 +30,8 @@
2930
>
3031
</div>
3132
</div>
33+
34+
<!-- Banner right illustration -->
3235
<div class="w-full sm:w-2/3 text-right float-right">
3336
<img
3437
v-if="theme === 'light'"
@@ -42,7 +45,6 @@
4245
/>
4346
</div>
4447
</section>
45-
<!-- Banner end -->
4648
</template>
4749

4850
<script>

‎src/components/AppFooter.vue

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
<template>
2+
<!-- App footer -->
23
<div class="container mx-auto ">
34
<div
45
class="pt-20 sm:pt-30 pb-8 mt-20 border-t-2 border-primary-light dark:border-secondary-dark"
56
>
6-
<!-- Footer social links start -->
7+
<!-- Footer social links -->
78
<div
89
class="flex flex-col justify-center items-center mb-12 sm:mb-28"
910
>
@@ -27,9 +28,8 @@
2728
</a>
2829
</ul>
2930
</div>
30-
<!-- Footer social links end -->
3131

32-
<!-- Footer copyright start -->
32+
<!-- Footer copyright -->
3333
<div class="flex justify-center items-center text-center">
3434
<div class="text-lg text-ternary-dark dark:text-ternary-light ">
3535
&copy; {{ copyrightDate }}.
@@ -49,7 +49,6 @@
4949
>
5050
</div>
5151
</div>
52-
<!-- Footer copyright end -->
5352
</div>
5453
</div>
5554
</template>

‎src/components/AppHeader.vue

Lines changed: 9 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
<div
55
class="z-10 max-w-screen-lg xl:max-w-screen-xl block sm:flex sm:justify-between sm:items-center my-6"
66
>
7-
<!-- Header menu links and small screen hamburger menu start -->
7+
<!-- Header menu links and small screen hamburger menu -->
88
<div class="flex justify-between items-center px-4 sm:px-0">
9-
<!-- Header logos start -->
9+
<!-- Header logos -->
1010
<div>
1111
<router-link to="/"
1212
><img
@@ -23,17 +23,15 @@
2323
/>
2424
</router-link>
2525
</div>
26-
<!-- Header logos end -->
2726

28-
<!-- Theme switcher small screen start -->
27+
<!-- Theme switcher small screen -->
2928
<theme-switcher
3029
:theme="theme"
3130
@themeChanged="updateTheme"
3231
class="block sm:hidden bg-ternary-light dark:bg-ternary-dark hover:bg-hover-light dark:hover:bg-hover-dark hover:shadow-sm px-2.5 py-2 rounded-lg"
3332
/>
34-
<!-- Theme switcher small screen end -->
3533

36-
<!-- Small screen hamburger menu start -->
34+
<!-- Small screen hamburger menu -->
3735
<div class="sm:hidden">
3836
<button
3937
@click="isOpen = !isOpen"
@@ -60,19 +58,16 @@
6058
</svg>
6159
</button>
6260
</div>
63-
<!-- Small screen hamburger menu end -->
6461
</div>
65-
<!-- Header menu links and small screen hamburger menu end -->
6662

67-
<!-- Header links start -->
63+
<!-- Header links -->
6864
<AppHeaderLinks :showModal="showModal" :isOpen="isOpen" />
69-
<!-- Header links end -->
7065

71-
<!-- Header right section buttons start -->
66+
<!-- Header right section buttons -->
7267
<div
7368
class="hidden sm:flex justify-between items-center flex-col md:flex-row"
7469
>
75-
<!-- Hire me button start -->
70+
<!-- Hire me button -->
7671
<div>
7772
<button
7873
class="text-md font-medium bg-indigo-500 hover:bg-indigo-600 text-white shadow-sm rounded-md px-5 py-2.5"
@@ -82,28 +77,23 @@
8277
Hire Me
8378
</button>
8479
</div>
85-
<!-- Hire me button end -->
8680

87-
<!-- Theme switcher large screen start -->
81+
<!-- Theme switcher large screen -->
8882
<theme-switcher
8983
:theme="theme"
9084
@themeChanged="updateTheme"
9185
class="ml-8 bg-primary-light dark:bg-ternary-dark px-3 py-2 shadow-sm rounded-xl cursor-pointer"
9286
/>
93-
<!-- Theme switcher large screen end -->
9487
</div>
95-
<!-- Header right section buttons end -->
9688
</div>
97-
<!-- Header end -->
9889

99-
<!-- Hire me modal start -->
90+
<!-- Hire me modal -->
10091
<HireMeModal
10192
:showModal="showModal"
10293
:modal="modal"
10394
:categories="categories"
10495
aria-modal="Hire Me Modal"
10596
/>
106-
<!-- Hire me modal end -->
10797
</nav>
10898
</template>
10999

‎src/components/AppHeaderLinks.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<template>
2+
<!-- Header links -->
23
<div
34
:class="isOpen ? 'block' : 'hidden'"
45
class="m-0 sm:ml-4 mt-5 sm:mt-3 sm:flex p-5 sm:p-0 justify-center items-center shadow-lg sm:shadow-none"

‎src/components/ContactDetails.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<template>
2+
<!-- Contact details -->
23
<div class="w-full sm:w-1/2">
34
<div class="text-left max-w-xl px-6">
45
<h2

‎src/components/ContactForm.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<template>
2+
<!-- Contact form -->
23
<div class="w-full sm:w-1/2">
34
<div class="leading-loose">
45
<form

‎src/components/HireMeModal.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
<template>
2+
<!-- Hire me modal -->
23
<transition name="fade">
34
<div v-show="modal" class="fixed inset-0 z-30">
4-
<!-- background -->
5+
<!-- Modal body background as backdrop -->
56
<div
67
v-show="modal"
78
@click="showModal()"
89
class="bg-filter bg-black bg-opacity-50 fixed inset-0 w-full h-full z-20"
910
></div>
10-
<!-- -->
11+
<!-- Modal content -->
1112
<main
1213
class="flex flex-col items-center justify-center h-full w-full"
1314
>

‎src/components/ProjectGallery.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<!-- Project gallery start -->
2+
<!-- Project gallery -->
33
<div class="grid grid-cols-1 sm:grid-cols-3 sm:gap-10 mt-12">
44
<div
55
class="mb-10 sm:mb-0"
@@ -13,7 +13,6 @@
1313
/>
1414
</div>
1515
</div>
16-
<!-- Project gallery end -->
1716
</template>
1817

1918
<script>

‎src/components/ProjectHeader.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div>
3-
<!-- Project heading and meta info start -->
3+
<!-- Project heading and meta info -->
44
<p
55
class="text-left text-3xl sm:text-4xl font-bold text-primary-dark dark:text-primary-light mt-14 sm:mt-20 mb-7"
66
>
@@ -28,7 +28,6 @@
2828
>
2929
</div>
3030
</div>
31-
<!-- Project heading and meta info end -->
3231
</div>
3332
</template>
3433

‎src/components/ProjectInfo.vue

Lines changed: 7 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
2-
<!-- Project information start -->
2+
<!-- Project information -->
33
<div class="block sm:flex gap-0 sm:gap-10 mt-14">
4-
<!-- Single project left section details start -->
4+
<!-- Single project left section details -->
55
<div class="w-full sm:w-1/3 text-left">
6-
<!-- Single project client details start -->
6+
<!-- Single project client details -->
77
<div class="mb-7">
88
<p
99
class="text-2xl font-semibold text-secondary-dark dark:text-secondary-light mb-2"
@@ -30,9 +30,8 @@
3030
</li>
3131
</ul>
3232
</div>
33-
<!-- Single project client details end -->
3433

35-
<!-- Single project objectives start -->
34+
<!-- Single project objectives -->
3635
<div class="mb-7">
3736
<p
3837
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
@@ -43,9 +42,8 @@
4342
{{ projectInfo.objectivesDetails }}
4443
</p>
4544
</div>
46-
<!-- Single project objectives end -->
4745

48-
<!-- Single project technologies start -->
46+
<!-- Single project technologies -->
4947
<div class="mb-7">
5048
<p
5149
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
@@ -56,9 +54,8 @@
5654
{{ projectInfo.technologies[0].techs.join(', ') }}
5755
</p>
5856
</div>
59-
<!-- Single project technologies end -->
6057

61-
<!-- Single project social sharing start -->
58+
<!-- Single project social sharing -->
6259
<div>
6360
<p
6461
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
@@ -80,11 +77,9 @@
8077
></a>
8178
</div>
8279
</div>
83-
<!-- Single project social sharing end -->
8480
</div>
85-
<!-- Single project left section details end -->
8681

87-
<!-- Single project right section details start -->
82+
<!-- Single project right section details -->
8883
<div class="w-full sm:w-2/3 text-left mt-10 sm:mt-0">
8984
<p
9085
class="text-primary-dark dark:text-primary-light text-2xl font-bold mb-7"
@@ -99,9 +94,7 @@
9994
{{ projectDetail.details }}
10095
</p>
10196
</div>
102-
<!-- Single project right section details end -->
10397
</div>
104-
<!-- Project information end -->
10598
</template>
10699

107100
<script>

‎src/components/ProjectRelatedProjects.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<!-- Related projects start -->
2+
<!-- Related projects -->
33
<div
44
class="mt-10 pt-10 sm:pt-14 sm:mt-20 border-t-2 border-primary-light dark:border-secondary-dark"
55
>
@@ -19,7 +19,6 @@
1919
</div>
2020
</div>
2121
</div>
22-
<!-- Related projects end -->
2322
</template>
2423

2524
<script>

0 commit comments

Comments
 (0)