j1-template 2023.1.0 → 2023.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (195) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/layouts/content_generator_collection.html +2 -3
  3. data/assets/data/banner.html +8 -6
  4. data/assets/data/masonry.html +263 -73
  5. data/assets/data/slick.html +155 -59
  6. data/assets/error_pages/HTTP204.html +1 -1
  7. data/assets/error_pages/HTTP400.html +1 -1
  8. data/assets/error_pages/HTTP401.html +1 -1
  9. data/assets/error_pages/HTTP403.html +1 -1
  10. data/assets/error_pages/HTTP404.html +1 -1
  11. data/assets/error_pages/HTTP444.html +1 -1
  12. data/assets/error_pages/HTTP445.html +1 -1
  13. data/assets/error_pages/HTTP446.html +1 -1
  14. data/assets/error_pages/HTTP447.html +1 -1
  15. data/assets/error_pages/HTTP448.html +1 -1
  16. data/assets/error_pages/HTTP500.html +1 -1
  17. data/assets/error_pages/HTTP501.html +1 -1
  18. data/assets/error_pages/HTTP502.html +1 -1
  19. data/assets/error_pages/HTTP503.html +1 -1
  20. data/assets/themes/j1/adapter/js/masonry.js +9 -1
  21. data/assets/themes/j1/adapter/js/slick.js +239 -134
  22. data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +247 -0
  23. data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  24. data/assets/themes/j1/core/js/template.js +55 -57
  25. data/assets/themes/j1/core/js/template.min.js +6 -6
  26. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  27. data/assets/themes/j1/modules/masonry/css/theme/uno.css +1 -1
  28. data/assets/themes/j1/modules/masonry/css/theme/uno.min.css +1 -1
  29. data/assets/themes/j1/modules/slick/lightbox/README.md +6 -1
  30. data/assets/themes/j1/modules/slick/lightbox/css/theme/uno.css +36 -0
  31. data/assets/themes/j1/modules/slick/lightbox/css/theme/uno.min.css +15 -0
  32. data/assets/themes/j1/modules/slick/lightbox/js/slick-lightbox.js +1 -1
  33. data/assets/themes/j1/modules/slick/slider/css/theme/uno.css +173 -137
  34. data/assets/themes/j1/modules/slick/slider/css/theme/uno.min.css +1 -1
  35. data/assets/themes/j1/modules/slick/slider/js/slick.js +2970 -2233
  36. data/assets/themes/j1/modules/translator/css/translator.css +3 -19
  37. data/assets/themes/j1/modules/translator/css/translator.min.css +1 -1
  38. data/lib/j1/version.rb +1 -1
  39. data/lib/starter_web/Gemfile +1 -1
  40. data/lib/starter_web/README.md +5 -5
  41. data/lib/starter_web/_config.yml +25 -1
  42. data/lib/starter_web/_data/blocks/banner.yml +45 -46
  43. data/lib/starter_web/_data/blocks/panel.yml +9 -9
  44. data/lib/starter_web/_data/layouts/home.yml +39 -21
  45. data/lib/starter_web/_data/modules/defaults/slick.yml +2 -2
  46. data/lib/starter_web/_data/modules/masonry.yml +155 -41
  47. data/lib/starter_web/_data/modules/navigator_menu.yml +632 -591
  48. data/lib/starter_web/_data/modules/scroller.yml +1 -1
  49. data/lib/starter_web/_data/modules/slick.yml +260 -54
  50. data/lib/starter_web/_data/puma/config.rb +10 -0
  51. data/lib/starter_web/_data/resources.yml +1 -0
  52. data/lib/starter_web/_data/templates/feed.xml +1 -1
  53. data/lib/starter_web/_includes/attributes.asciidoc +24 -0
  54. data/lib/starter_web/_includes/custom/static/readme +1 -1
  55. data/lib/starter_web/_includes/custom/templates/collection_panel.html +131 -0
  56. data/lib/starter_web/_includes/custom/templates/custom_header.html +98 -76
  57. data/lib/starter_web/_includes/custom/templates/people_panel.html +144 -0
  58. data/lib/starter_web/_includes/custom/templates/readme +1 -1
  59. data/lib/starter_web/_plugins/asciidoctor/carousel-block.rb +1 -1
  60. data/lib/starter_web/_plugins/asciidoctor/gallery-block.rb +1 -1
  61. data/lib/starter_web/_plugins/asciidoctor/gist-block.rb +1 -1
  62. data/lib/starter_web/_plugins/asciidoctor/lightbox-block.rb +1 -1
  63. data/lib/starter_web/_plugins/asciidoctor/masonry-block.rb +1 -1
  64. data/lib/starter_web/_plugins/asciidoctor/masterslider-block.rb +1 -1
  65. data/lib/starter_web/_plugins/asciidoctor/mdil-icon-inline.rb +10 -0
  66. data/lib/starter_web/_plugins/asciidoctor/placeholder-inline.rb +44 -0
  67. data/lib/starter_web/_plugins/asciidoctor/slick-block.rb +1 -1
  68. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  69. data/lib/starter_web/assets/images/collections/people/diana-petersen.jpg +0 -0
  70. data/lib/starter_web/assets/images/collections/people/larry-parker.jpg +0 -0
  71. data/lib/starter_web/assets/images/collections/people/parveen-anand.jpg +0 -0
  72. data/lib/starter_web/assets/images/modules/attics/1920x1280/kelly-sikkemal.jpg +0 -0
  73. data/lib/starter_web/assets/images/modules/attics/1920x1280/kira-auf-der-heide.jpg +0 -0
  74. data/lib/starter_web/assets/images/modules/gallery/old_times/image_02.jpg +0 -0
  75. data/lib/starter_web/collections/_biography/a-life-in-questions.adoc +5 -5
  76. data/lib/starter_web/collections/_biography/becoming.adoc +5 -5
  77. data/lib/starter_web/collections/_biography/born-to-run.adoc +5 -5
  78. data/lib/starter_web/collections/_biography/forty-autumns.adoc +5 -5
  79. data/lib/starter_web/collections/_biography/not-dead-yet.adoc +5 -6
  80. data/lib/starter_web/collections/_biography/princess-diarist-the.adoc +5 -5
  81. data/lib/starter_web/collections/_biography/when-breath-becomes-air.adoc +6 -7
  82. data/lib/starter_web/collections/_fantasy/harry-potter-deathly-hallows.adoc +14 -4
  83. data/lib/starter_web/collections/_fantasy/harry-potter-philosophers-stone.adoc +13 -3
  84. data/lib/starter_web/collections/_fantasy/mistborn-trilogy.adoc +11 -3
  85. data/lib/starter_web/collections/_fantasy/ready-player-one.adoc +15 -3
  86. data/lib/starter_web/collections/_fantasy/sword-of-destiny.adoc +11 -3
  87. data/lib/starter_web/collections/_fantasy/terry-pratchet-diary-2017.adoc +11 -3
  88. data/lib/starter_web/collections/_people/diana-petersen.adoc +167 -0
  89. data/lib/starter_web/collections/_people/larry-parker.adoc +167 -0
  90. data/lib/starter_web/collections/_people/parveen-anand.adoc +167 -0
  91. data/lib/starter_web/collections/_portfolio/branding.adoc +97 -0
  92. data/lib/starter_web/collections/_portfolio/graphic_design.adoc +97 -0
  93. data/lib/starter_web/collections/_portfolio/identity.adoc +99 -0
  94. data/lib/starter_web/collections/_portfolio/illustration.adoc +101 -0
  95. data/lib/starter_web/collections/_portfolio/photography.adoc +100 -0
  96. data/lib/starter_web/collections/_portfolio/web_design.adoc +109 -0
  97. data/lib/starter_web/collections/_romance/breath-of-snow-and-ashes-a.adoc +12 -3
  98. data/lib/starter_web/collections/_romance/dressmaker-the.adoc +10 -3
  99. data/lib/starter_web/collections/_romance/fiery-cross-the.adoc +13 -3
  100. data/lib/starter_web/collections/_romance/it-ends-with-us.adoc +11 -3
  101. data/lib/starter_web/collections/_romance/outlander-novel.adoc +12 -3
  102. data/lib/starter_web/collections/_romance/virgins-outlander-short-story.adoc +16 -4
  103. data/lib/starter_web/collections/posts/public/featured/_posts/2021-02-01-static-site-generators.adoc +2 -2
  104. data/lib/starter_web/collections/posts/public/featured/_posts/_includes/attributes.asciidoc +2 -2
  105. data/lib/starter_web/collections/posts/public/series/_posts/2022-08-01-organize-your-life.adoc +4 -4
  106. data/lib/starter_web/collections/posts/public/series/_posts/2022-08-02-organize-your-life.adoc +4 -4
  107. data/lib/starter_web/collections/posts/public/series/_posts/2022-08-03-organize-your-life.adoc +4 -4
  108. data/lib/starter_web/collections/posts/public/series/_posts/2022-09-01-organize-your-life.adoc +4 -4
  109. data/lib/starter_web/collections/posts/public/series/_posts/2022-09-02-organize-your-life.adoc +4 -4
  110. data/lib/starter_web/index.html +129 -129
  111. data/lib/starter_web/package.json +1 -1
  112. data/lib/starter_web/pages/public/learn/bookshelf/article_previewer/viewer_all_books.adoc +107 -0
  113. data/lib/starter_web/pages/public/{bookshelf → learn/bookshelf}/article_previewer/viewer_biography.adoc +21 -12
  114. data/lib/starter_web/pages/public/{bookshelf → learn/bookshelf}/article_previewer/viewer_fantasy.adoc +11 -6
  115. data/lib/starter_web/pages/public/{bookshelf → learn/bookshelf}/article_previewer/viewer_romance.adoc +11 -5
  116. data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +2 -2
  117. data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc +53 -4
  118. data/lib/starter_web/pages/public/plans/plans.adoc +25 -12
  119. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  120. data/lib/starter_web/utilsrv/package.json +1 -1
  121. metadata +59 -79
  122. data/assets/data/masonry.4.html +0 -213
  123. data/assets/themes/j1/adapter/js/slick.3.js +0 -365
  124. data/lib/starter_web/assets/images/collections/blog/wikipedia/columbia-river.1200x400.jpg +0 -0
  125. data/lib/starter_web/assets/images/collections/blog/wikipedia/minneapolis.1200x400.jpg +0 -0
  126. data/lib/starter_web/assets/images/collections/blog/wikipedia/narcise-snake-pits.1200x400.jpg +0 -0
  127. data/lib/starter_web/assets/images/parsa/customers/200x150/img1.png +0 -0
  128. data/lib/starter_web/assets/images/parsa/customers/200x150/img2.png +0 -0
  129. data/lib/starter_web/assets/images/parsa/customers/200x150/img3.png +0 -0
  130. data/lib/starter_web/assets/images/parsa/customers/200x150/img4.png +0 -0
  131. data/lib/starter_web/assets/images/parsa/customers/200x150/img5.png +0 -0
  132. data/lib/starter_web/assets/images/parsa/customers/200x150/img6.png +0 -0
  133. data/lib/starter_web/assets/images/parsa/customers/200x150/img7.png +0 -0
  134. data/lib/starter_web/assets/images/parsa/customers/200x150/img8.png +0 -0
  135. data/lib/starter_web/assets/images/parsa/customers/200x150/img9.png +0 -0
  136. data/lib/starter_web/assets/images/parsa/customers/client-1.png +0 -0
  137. data/lib/starter_web/assets/images/parsa/customers/client-2.png +0 -0
  138. data/lib/starter_web/assets/images/parsa/customers/client-3.png +0 -0
  139. data/lib/starter_web/assets/images/parsa/customers/client-4.png +0 -0
  140. data/lib/starter_web/assets/images/parsa/customers/client-5.png +0 -0
  141. data/lib/starter_web/assets/images/parsa/customers/client-6.png +0 -0
  142. data/lib/starter_web/assets/images/parsa/customers/client-7.png +0 -0
  143. data/lib/starter_web/assets/images/parsa/icons/favicon.ico +0 -0
  144. data/lib/starter_web/assets/images/parsa/icons/icon.png +0 -0
  145. data/lib/starter_web/assets/images/parsa/icons/icon.svg +0 -152
  146. data/lib/starter_web/assets/images/parsa/icons/logo.svg +0 -172
  147. data/lib/starter_web/assets/images/parsa/masthead/19-02-_2023_09-05-46.jpg +0 -0
  148. data/lib/starter_web/assets/images/parsa/masthead/banner-img.png +0 -0
  149. data/lib/starter_web/assets/images/parsa/pages/1920x1280/author.jpg +0 -0
  150. data/lib/starter_web/assets/images/parsa/pages/1920x1280/contact.jpg +0 -0
  151. data/lib/starter_web/assets/images/parsa/pages/author.jpg +0 -0
  152. data/lib/starter_web/assets/images/parsa/pages/contact.jpg +0 -0
  153. data/lib/starter_web/assets/images/parsa/partners/scalable/facebook.svg +0 -34
  154. data/lib/starter_web/assets/images/parsa/partners/scalable/google.svg +0 -35
  155. data/lib/starter_web/assets/images/parsa/partners/scalable/ibm.svg +0 -24
  156. data/lib/starter_web/assets/images/parsa/partners/scalable/microsoft.svg +0 -42
  157. data/lib/starter_web/assets/images/parsa/posts/1280x1024/post-img.jpg +0 -0
  158. data/lib/starter_web/assets/images/parsa/posts/1280x1024/post-single.jpg +0 -0
  159. data/lib/starter_web/assets/images/parsa/promo/home/screenshot.jpg +0 -0
  160. data/lib/starter_web/pages/public/previewer/preview_masonry.adoc +0 -361
  161. data/lib/starter_web/pages/public/previewer/preview_slick_slider.adoc +0 -375
  162. /data/lib/starter_web/assets/images/{parsa → collections}/portfolio/1.jpg +0 -0
  163. /data/lib/starter_web/assets/images/{parsa → collections}/portfolio/2.jpg +0 -0
  164. /data/lib/starter_web/assets/images/{parsa → collections}/portfolio/3.jpg +0 -0
  165. /data/lib/starter_web/assets/images/{parsa → collections}/portfolio/4.jpg +0 -0
  166. /data/lib/starter_web/assets/images/{parsa → collections}/portfolio/5.jpg +0 -0
  167. /data/lib/starter_web/assets/images/{parsa → collections}/portfolio/6.jpg +0 -0
  168. /data/lib/starter_web/assets/images/{parsa/icons → icons/controls}/close-icon.svg +0 -0
  169. /data/lib/starter_web/assets/images/{parsa/icons → icons/controls}/up.svg +0 -0
  170. /data/lib/starter_web/assets/images/{collections/blog → posts}/featured/dynamic-web-access.png +0 -0
  171. /data/lib/starter_web/assets/images/{collections/blog → posts}/featured/jamstack-generators.png +0 -0
  172. /data/lib/starter_web/assets/images/{collections/blog → posts}/featured/jekyll.1200x400.png +0 -0
  173. /data/lib/starter_web/assets/images/{collections/blog → posts}/featured/jekyll.png +0 -0
  174. /data/lib/starter_web/assets/images/{parsa/posts → posts}/featured/post-1.jpg +0 -0
  175. /data/lib/starter_web/assets/images/{parsa/posts → posts}/featured/post-2.jpg +0 -0
  176. /data/lib/starter_web/assets/images/{parsa/posts → posts}/featured/post-3.jpg +0 -0
  177. /data/lib/starter_web/assets/images/{parsa/posts → posts}/featured/post-4.jpg +0 -0
  178. /data/lib/starter_web/assets/images/{parsa/posts → posts}/featured/post-5.jpg +0 -0
  179. /data/lib/starter_web/assets/images/{collections/blog → posts}/featured/static-web-access.png +0 -0
  180. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-1.jpg +0 -0
  181. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-10.jpg +0 -0
  182. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-11.jpg +0 -0
  183. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-12.jpg +0 -0
  184. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-13.jpg +0 -0
  185. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-2.jpg +0 -0
  186. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-3.jpg +0 -0
  187. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-4.jpg +0 -0
  188. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-5.jpg +0 -0
  189. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-6.jpg +0 -0
  190. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-7.jpg +0 -0
  191. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-8.jpg +0 -0
  192. /data/lib/starter_web/assets/images/{parsa/posts → posts}/natural_food/post-9.jpg +0 -0
  193. /data/lib/starter_web/assets/images/{parsa/posts → posts}/post-img.jpg +0 -0
  194. /data/lib/starter_web/assets/images/{parsa/posts → posts}/post-single.jpg +0 -0
  195. /data/lib/starter_web/pages/public/{bookshelf → learn/bookshelf}/jekyll_collections.adoc +0 -0
@@ -0,0 +1,167 @@
1
+ ---
2
+ title: Title
3
+ tagline: Tagline
4
+ description: >
5
+ Use this area to describe a person. Describing a person
6
+ typically involves ...
7
+
8
+ categories: [ Person ]
9
+ tags: [ Business, Private ]
10
+
11
+ image:
12
+ path: assets/images/collections/people/parveen-anand.jpg
13
+ width: 1920
14
+ height: 1280
15
+ alt: Parveen Anand
16
+
17
+ person:
18
+ name: Parveen Anand
19
+ role: Lead Developer
20
+
21
+ social_media:
22
+ enabled: true
23
+ facebook:
24
+ href:
25
+ twitter:
26
+ href:
27
+ linkedin:
28
+ href:
29
+
30
+ comments: false
31
+ sitemap: false
32
+ personalization: false
33
+ exclude_from_search: true
34
+
35
+ resources: [ animate ]
36
+ resource_options:
37
+ ---
38
+
39
+ // Page Initializer
40
+ // =============================================================================
41
+ // Enable the Liquid Preprocessor
42
+ :page-liquid:
43
+
44
+ // Set (local) page attributes here
45
+ // -----------------------------------------------------------------------------
46
+ // :page--attr: <attr-value>
47
+
48
+ // Place an excerpt at the most top position
49
+ // -----------------------------------------------------------------------------
50
+ [role="dropcap mb-4"]
51
+ Use this area to describe a person. Parveen Anand ...
52
+
53
+ excerpt__end
54
+
55
+ // Load Liquid procedures
56
+ // -----------------------------------------------------------------------------
57
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
58
+
59
+ // Load page attributes
60
+ // -----------------------------------------------------------------------------
61
+ {% include {{load_attributes}} scope="none" %}
62
+
63
+
64
+ // Page content
65
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
66
+
67
+ // Include sub-documents (if any)
68
+ // -----------------------------------------------------------------------------
69
+ == Describe a persons role (business)
70
+
71
+ lorem:sentences[5]
72
+
73
+ Name::
74
+ The name of the person
75
+
76
+ Role::
77
+ Project Manager
78
+
79
+ Responsibilities::
80
+ As a Project Manager, she|he oversees the planning, execution, and successful
81
+ completion of various projects within his organization. He works closely
82
+ with cross-functional teams to define project objectives, establish timelines,
83
+ allocate resources, and monitor progress. She|he is responsible for creating
84
+ project plans, assigning tasks, and tracking project milestones to ensure
85
+ that projects are delivered on time, within scope and budget.
86
+
87
+ Leadership Style::
88
+ She|he is known for his strategic and results-oriented leadership style.
89
+ She|he is skilled at motivating and guiding his team to achieve their best
90
+ performance. She|he provides clear direction, sets expectations, and empowers
91
+ the team to take ownership of their tasks. She|he is also an effective
92
+ communicator, actively engaging with team members, stakeholders, and clients
93
+ to ensure everyone is aligned and informed throughout the project lifecycle.
94
+
95
+ Skills and Expertise::
96
+ She|he possesses a wide range of skills and expertise essential to his role as
97
+ a Project Manager. She|he has excellent organizational and time management
98
+ skills, allowing him to prioritize tasks, manage resources efficiently, and
99
+ meet deadlines. She|he is also skilled in risk management, identifying
100
+ potential issues early on and proactively developing contingency plans. She|he
101
+ is proficient in project management software and tools, and utilizes them to
102
+ streamline workflows, track progress, and generate reports.
103
+
104
+ Collaboration and Problem-Solving::
105
+ She|he understands the importance of collaboration in project management.
106
+ She|he fosters a collaborative work environment, encouraging open
107
+ communication, active listening, and teamwork among his team members. She|he
108
+ promotes a problem-solving mindset, encouraging creative thinking and
109
+ brainstorming to overcome challenges and obstacles that may arise during the
110
+ project lifecycle. She|he is skilled at conflict resolution, and he proactively
111
+ addresses any conflicts or issues that may arise among team members or
112
+ stakeholders, ensuring that project progress is not hindered.
113
+
114
+ Overall, she|he is a skilled and strategic Project Manager who leads
115
+ cross-functional teams, manages projects from inception to completion and
116
+ delivers successful outcomes. His leadership style, skills, and expertise
117
+ make him a valuable asset to his organization, and he is known for his ability
118
+ to drive results and exceed project goals.
119
+
120
+
121
+ == Describe a person (private)
122
+
123
+ lorem:sentences[5]
124
+
125
+ Name::
126
+ The name of the person
127
+
128
+ Age::
129
+ The age of the person
130
+
131
+ Physical Appearance::
132
+ She|he is tall, standing at around 5 feet 10 inches. She has a slender yet
133
+ athletic build, long limbs, and a graceful posture. Her complexion is fair,
134
+ and her skin has a healthy glow. She|he has striking blue eyes that are
135
+ framed by long, dark lashes. She has a heart-shaped face, high cheekbones,
136
+ and a small, upturned nose. Her lips are full and naturally pink.
137
+
138
+ Hairstyle and Color::
139
+ She|he has luscious, wavy golden blonde hair that falls past her shoulders.
140
+ She usually keeps it styled in loose curls, which add to her effortless and
141
+ carefree vibe. She often parts her hair slightly to the side, allowing it to
142
+ frame her face and highlight her features.
143
+
144
+ Clothing Style::
145
+ She|he has a fashion-forward sense of style. She often wears trendy clothing
146
+ that reflects her confident personality. She enjoys experimenting with
147
+ different patterns, textures, and colors and is not afraid to take risks
148
+ with her fashion choices. She|he has a keen eye for accessories and can
149
+ effortlessly pull off statement jewelry and fashionable handbags.
150
+
151
+ Personality::
152
+ She|he is known for her outgoing and friendly nature. She has a warm and
153
+ approachable demeanor and is always willing to converse with anyone she meets.
154
+ She's an extrovert who thrives in social settings and has a knack for making
155
+ others feel comfortable in her presence. She|he is also confident and
156
+ assertive, often taking charge of situations and easily leading.
157
+
158
+ Interests and Hobbies::
159
+ She|he is a fitness enthusiast who enjoys staying active and healthy. She's
160
+ an avid runner and enjoys practicing yoga to balance her mind and body.
161
+ She's also a foodie who loves trying new restaurants and experimenting with
162
+ different cuisines. She|he is well-traveled and enjoys exploring new places,
163
+ immersing herself in different cultures, and learning about the world.
164
+ Overall, She|he is a confident, outgoing, and fashionable woman with a
165
+ passion for fitness, travel, and socializing. She's a natural leader with a
166
+ warm and approachable personality, making her someone easy to connect with
167
+ and befriend.
@@ -0,0 +1,97 @@
1
+ ---
2
+ title: Brand
3
+ tagline: Product Identity
4
+ description: >
5
+ Branding is a marketing practice that involves creating
6
+ a name, design, symbol, or other identifying features that
7
+ help differentiate a company's products or services from
8
+ its competitors.
9
+ purpose: >
10
+ Use this area to describe what you're doing. Describing your purpose
11
+ typically involves clearly and concisely explaining your goals,
12
+ objectives, scope, timeline, and expected outcomes.
13
+
14
+ categories: [ Branding ]
15
+ tags: [ Product, Identity ]
16
+
17
+ image:
18
+ path: /assets/images/collections/portfolio/1.jpg
19
+ width: 1920
20
+ height: 1280
21
+ alt: Portfolio Image
22
+
23
+ resources: [ animate ]
24
+ resource_options:
25
+ - attic:
26
+ padding_top: 600
27
+ slides:
28
+ - url: /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
29
+ alt: Photo by Giammarco on Unsplash
30
+ badge:
31
+ type: unsplash
32
+ author: Giammarco
33
+ href: https://unsplash.com/@giamboscaro
34
+ ---
35
+
36
+ // Page Initializer
37
+ // =============================================================================
38
+ // Enable the Liquid Preprocessor
39
+ :page-liquid:
40
+
41
+ // Set (local) page attributes here
42
+ // -----------------------------------------------------------------------------
43
+ // :page--attr: <attr-value>
44
+
45
+ // Place an excerpt at the most top position
46
+ // -----------------------------------------------------------------------------
47
+ [role="dropcap mb-4"]
48
+ Branding is a marketing practice that involves creating a name, design, symbol,
49
+ or other identifying features that help differentiate a company's products or
50
+ services from its competitors. Branding aims to establish a unique and
51
+ memorable identity that creates a positive impression in the minds of consumers
52
+ and encourages them to choose the company's products or services over those
53
+ of its rivals.
54
+
55
+ excerpt__end
56
+
57
+ // Load Liquid procedures
58
+ // -----------------------------------------------------------------------------
59
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
60
+
61
+ // Load page attributes
62
+ // -----------------------------------------------------------------------------
63
+ {% include {{load_attributes}} scope="none" %}
64
+
65
+
66
+ // Page content
67
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
68
+
69
+ // Include sub-documents (if any)
70
+ // -----------------------------------------------------------------------------
71
+ == Describe your work
72
+
73
+ Effective project management involves managing resources, schedules, budgets,
74
+ risks, and stakeholders to deliver the desired outcomes within the specified
75
+ timeframe and budget. The way you work should demonstrate that you've modern
76
+ project management strategies in mind.
77
+
78
+ Here are some tips to follow when describing how you're working:
79
+
80
+ . Start by introducing its purpose: Give a brief overview and explain why
81
+ it is important or necessary. This intro gives context to your description
82
+ and helps your audience understand the significance.
83
+
84
+ . Define what you're focussing on: Explain what it will involve and will not
85
+ involve. The focus ensures that everyone understands what is provided.
86
+
87
+ . Discuss goals and objectives: Outline the specific goals and objectives
88
+ your work aims to achieve. Be clear and specific about what your intentions
89
+ are to accomplish.
90
+
91
+ . Describe the efforts and timeline: Provide an overview of the efforts,
92
+ including key milestones. Describing efforts and timeline support your
93
+ audience in understanding expected costs and what they can expect.
94
+
95
+ . Outline the expected outcomes: Finally, describe the expected outcomes
96
+ of your work, such as benefits and impact. Outlining the outcomes
97
+ demonstrates the value of your work and the benefits it will bring.
@@ -0,0 +1,97 @@
1
+ ---
2
+ title: Design
3
+ tagline: Visual Content
4
+ description: >
5
+ Graphic design is the art and practice of creating visual content
6
+ using a combination of typography, images, and other graphical elements.
7
+ It is a discipline that involves the use of creative and technical skills
8
+ to communicate information or ideas in a visually appealing way.
9
+ purpose: >
10
+ Use this area to describe what you're doing. Describing your purpose
11
+ typically involves clearly and concisely explaining your goals,
12
+ objectives, scope, timeline, and expected outcomes.
13
+
14
+ category: [ Graphic Design ]
15
+
16
+ categories: [ Design ]
17
+ tags: [ Visual, Content ]
18
+
19
+ image:
20
+ path: /assets/images/collections/portfolio/3.jpg
21
+ width: 1920
22
+ height: 1280
23
+ alt: Portfolio Image
24
+
25
+ resources: [ animate ]
26
+ resource_options:
27
+ - attic:
28
+ padding_top: 600
29
+ slides:
30
+ - url: /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
31
+ alt: Photo by Giammarco on Unsplash
32
+ badge:
33
+ type: unsplash
34
+ author: Giammarco
35
+ href: https://unsplash.com/@giamboscaro
36
+ ---
37
+
38
+ // Page Initializer
39
+ // =============================================================================
40
+ // Enable the Liquid Preprocessor
41
+ :page-liquid:
42
+
43
+ // Set (local) page attributes here
44
+ // -----------------------------------------------------------------------------
45
+ // :page--attr: <attr-value>
46
+
47
+ // Place an excerpt at the most top position
48
+ // -----------------------------------------------------------------------------
49
+ [role="dropcap mb-4"]
50
+ Graphic design is the art and practice of creating visual content using a
51
+ combination of typography, images, and other graphical elements. It is a
52
+ discipline that involves the use of creative and technical skills to
53
+ communicate information or ideas in a visually appealing way.
54
+
55
+ excerpt__end
56
+
57
+ // Load Liquid procedures
58
+ // -----------------------------------------------------------------------------
59
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
60
+
61
+ // Load page attributes
62
+ // -----------------------------------------------------------------------------
63
+ {% include {{load_attributes}} scope="none" %}
64
+
65
+
66
+ // Page content
67
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
68
+
69
+ // Include sub-documents (if any)
70
+ // -----------------------------------------------------------------------------
71
+ == Describe your work
72
+
73
+ Effective project management involves managing resources, schedules, budgets,
74
+ risks, and stakeholders to deliver the desired outcomes within the specified
75
+ timeframe and budget. The way you work should demonstrate that you've modern
76
+ project management strategies in mind.
77
+
78
+ Here are some tips to follow when describing how you're working:
79
+
80
+ . Start by introducing its purpose: Give a brief overview and explain why
81
+ it is important or necessary. This intro gives context to your description
82
+ and helps your audience understand the significance.
83
+
84
+ . Define what you're focussing on: Explain what it will involve and will not
85
+ involve. The focus ensures that everyone understands what is provided.
86
+
87
+ . Discuss goals and objectives: Outline the specific goals and objectives
88
+ your work aims to achieve. Be clear and specific about what your intentions
89
+ are to accomplish.
90
+
91
+ . Describe the efforts and timeline: Provide an overview of the efforts,
92
+ including key milestones. Describing efforts and timeline support your
93
+ audience in understanding expected costs and what they can expect.
94
+
95
+ . Outline the expected outcomes: Finally, describe the expected outcomes
96
+ of your work, such as benefits and impact. Outlining the outcomes
97
+ demonstrates the value of your work and the benefits it will bring.
@@ -0,0 +1,99 @@
1
+ ---
2
+ title: Identity
3
+ tagline: Coorporate Identity
4
+ description: >
5
+ Corporate identity is the visual and verbal representation of
6
+ a company's brand. It includes all of the visual and messaging
7
+ elements used to present a consistent and recognizable image of
8
+ the company to its target audience.
9
+ purpose: >
10
+ Use this area to describe what you're doing. Describing your purpose
11
+ typically involves clearly and concisely explaining your goals,
12
+ objectives, scope, timeline, and expected outcomes.
13
+
14
+ category: [ Coorporate Identity ]
15
+
16
+ categories: [ Identity ]
17
+ tags: [ Coorporate, Identity ]
18
+
19
+ image:
20
+ path: /assets/images/collections/portfolio/2.jpg
21
+ width: 1920
22
+ height: 1280
23
+ alt: Portfolio Image
24
+
25
+ resources: [ animate ]
26
+ resource_options:
27
+ - attic:
28
+ padding_top: 600
29
+ slides:
30
+ - url: /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
31
+ alt: Photo by Giammarco on Unsplash
32
+ badge:
33
+ type: unsplash
34
+ author: Giammarco
35
+ href: https://unsplash.com/@giamboscaro
36
+ ---
37
+
38
+ // Page Initializer
39
+ // =============================================================================
40
+ // Enable the Liquid Preprocessor
41
+ :page-liquid:
42
+
43
+ // Set (local) page attributes here
44
+ // -----------------------------------------------------------------------------
45
+ // :page--attr: <attr-value>
46
+
47
+ // Place an excerpt at the most top position
48
+ // -----------------------------------------------------------------------------
49
+ [role="dropcap mb-4"]
50
+ Corporate identity is the visual and verbal representation of a company's
51
+ brand. It includes all of the visual and messaging elements used to present
52
+ a consistent and recognizable image of the company to its target audience.
53
+ The corporate identity encompasses everything from the company logo, color
54
+ palette, typography, and graphic design elements, to the tone of voice used
55
+ in marketing materials, advertising, and other communications.
56
+
57
+ excerpt__end
58
+
59
+ // Load Liquid procedures
60
+ // -----------------------------------------------------------------------------
61
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
62
+
63
+ // Load page attributes
64
+ // -----------------------------------------------------------------------------
65
+ {% include {{load_attributes}} scope="none" %}
66
+
67
+
68
+ // Page content
69
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
70
+
71
+ // Include sub-documents (if any)
72
+ // -----------------------------------------------------------------------------
73
+ == Describe your work
74
+
75
+ Effective project management involves managing resources, schedules, budgets,
76
+ risks, and stakeholders to deliver the desired outcomes within the specified
77
+ timeframe and budget. The way you work should demonstrate that you've modern
78
+ project management strategies in mind.
79
+
80
+ Here are some tips to follow when describing how you're working:
81
+
82
+ . Start by introducing its purpose: Give a brief overview and explain why
83
+ it is important or necessary. This intro gives context to your description
84
+ and helps your audience understand the significance.
85
+
86
+ . Define what you're focussing on: Explain what it will involve and will not
87
+ involve. The focus ensures that everyone understands what is provided.
88
+
89
+ . Discuss goals and objectives: Outline the specific goals and objectives
90
+ your work aims to achieve. Be clear and specific about what your intentions
91
+ are to accomplish.
92
+
93
+ . Describe the efforts and timeline: Provide an overview of the efforts,
94
+ including key milestones. Describing efforts and timeline support your
95
+ audience in understanding expected costs and what they can expect.
96
+
97
+ . Outline the expected outcomes: Finally, describe the expected outcomes
98
+ of your work, such as benefits and impact. Outlining the outcomes
99
+ demonstrates the value of your work and the benefits it will bring.
@@ -0,0 +1,101 @@
1
+ ---
2
+ title: Illustration
3
+ tagline: Cartooning
4
+ description: >
5
+ Illustration is the art of creating visual representations of concepts,
6
+ ideas, and information through images, drawings, and other visual media. An
7
+ illustration is often used in various contexts, including books, magazines,
8
+ advertisements, websites, and other forms of media.
9
+ purpose: >
10
+ Use this area to describe what you're doing. Describing your purpose
11
+ typically involves clearly and concisely explaining your goals,
12
+ objectives, scope, timeline, and expected outcomes.
13
+
14
+ category: [ Illustration ]
15
+
16
+ categories: [ Illustration ]
17
+ tags: [ Cartooning ]
18
+
19
+ image:
20
+ path: /assets/images/collections/portfolio/4.jpg
21
+ width: 1920
22
+ height: 1280
23
+ alt: Portfolio Image
24
+
25
+ resources: [ animate ]
26
+ resource_options:
27
+ - attic:
28
+ padding_top: 600
29
+ slides:
30
+ - url: /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
31
+ alt: Photo by Giammarco on Unsplash
32
+ badge:
33
+ type: unsplash
34
+ author: Giammarco
35
+ href: https://unsplash.com/@giamboscaro
36
+ ---
37
+
38
+ // Page Initializer
39
+ // =============================================================================
40
+ // Enable the Liquid Preprocessor
41
+ :page-liquid:
42
+
43
+ // Set (local) page attributes here
44
+ // -----------------------------------------------------------------------------
45
+ // :page--attr: <attr-value>
46
+
47
+ // Place an excerpt at the most top position
48
+ // -----------------------------------------------------------------------------
49
+ [role="dropcap mb-4"]
50
+ Illustration is the art of creating visual representations of concepts,
51
+ ideas, and information through images, drawings, and other visual media. An
52
+ illustration is often used in various contexts, including books, magazines,
53
+ advertisements, websites, and other forms of media.
54
+
55
+ excerpt__end
56
+
57
+ // Load Liquid procedures
58
+ // -----------------------------------------------------------------------------
59
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
60
+
61
+ // Load page attributes
62
+ // -----------------------------------------------------------------------------
63
+ {% include {{load_attributes}} scope="none" %}
64
+
65
+
66
+ // Page content
67
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
68
+ Illustrators use various techniques and styles to create their work, including
69
+ traditional mediums such as pencils, pens, and paint and digital tools such as
70
+ graphics tablets and software. Some illustrators specialize in specific styles
71
+ or techniques, such as cartooning, realism, or typography.
72
+
73
+ // Include sub-documents (if any)
74
+ // -----------------------------------------------------------------------------
75
+ == Describe your work
76
+
77
+ Effective project management involves managing resources, schedules, budgets,
78
+ risks, and stakeholders to deliver the desired outcomes within the specified
79
+ timeframe and budget. The way you work should demonstrate that you've modern
80
+ project management strategies in mind.
81
+
82
+ Here are some tips to follow when describing how you're working:
83
+
84
+ . Start by introducing its purpose: Give a brief overview and explain why
85
+ it is important or necessary. This intro gives context to your description
86
+ and helps your audience understand the significance.
87
+
88
+ . Define what you're focussing on: Explain what it will involve and will not
89
+ involve. The focus ensures that everyone understands what is provided.
90
+
91
+ . Discuss goals and objectives: Outline the specific goals and objectives
92
+ your work aims to achieve. Be clear and specific about what your intentions
93
+ are to accomplish.
94
+
95
+ . Describe the efforts and timeline: Provide an overview of the efforts,
96
+ including key milestones. Describing efforts and timeline support your
97
+ audience in understanding expected costs and what they can expect.
98
+
99
+ . Outline the expected outcomes: Finally, describe the expected outcomes
100
+ of your work, such as benefits and impact. Outlining the outcomes
101
+ demonstrates the value of your work and the benefits it will bring.
@@ -0,0 +1,100 @@
1
+ ---
2
+ title: Photography
3
+ tagline: Visual Message
4
+ description: >
5
+ Photography plays an important role in web design as it can communicate a
6
+ message or tell a story in a way that words and other visuals cannot.
7
+ purpose: >
8
+ Use this area to describe what you're doing. Describing your purpose
9
+ typically involves clearly and concisely explaining your goals,
10
+ objectives, scope, timeline, and expected outcomes.
11
+
12
+ category: [ Photography ]
13
+
14
+ categories: [ Photography ]
15
+ tags: [ Visual, Message ]
16
+
17
+ image:
18
+ path: /assets/images/collections/portfolio/5.jpg
19
+ width: 1920
20
+ height: 1280
21
+ alt: Portfolio Image
22
+
23
+ resources: [ animate ]
24
+ resource_options:
25
+ - attic:
26
+ padding_top: 600
27
+ slides:
28
+ - url: /assets/images/modules/attics/giammarco-boscaro-1920x1280.jpg
29
+ alt: Photo by Giammarco on Unsplash
30
+ badge:
31
+ type: unsplash
32
+ author: Giammarco
33
+ href: https://unsplash.com/@giamboscaro
34
+ ---
35
+
36
+ // Page Initializer
37
+ // =============================================================================
38
+ // Enable the Liquid Preprocessor
39
+ :page-liquid:
40
+
41
+ // Set (local) page attributes here
42
+ // -----------------------------------------------------------------------------
43
+ // :page--attr: <attr-value>
44
+
45
+ // Place an excerpt at the most top position
46
+ // -----------------------------------------------------------------------------
47
+ [role="dropcap mb-4"]
48
+ Photography plays an important role in web design as it can communicate a
49
+ message or tell a story in a way that words and other visuals cannot.
50
+
51
+ excerpt__end
52
+
53
+ // Load Liquid procedures
54
+ // -----------------------------------------------------------------------------
55
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
56
+
57
+ // Load page attributes
58
+ // -----------------------------------------------------------------------------
59
+ {% include {{load_attributes}} scope="none" %}
60
+
61
+
62
+ // Page content
63
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
64
+ When it comes to web design, it is important to use high-quality, relevant,
65
+ and visually appealing photographs. By strategically using photography in
66
+ web design, designers can create visually engaging, emotionally compelling
67
+ websites that effectively achieve their intended goals
68
+
69
+ // Include sub-documents (if any)
70
+ // -----------------------------------------------------------------------------
71
+ == Describe your work
72
+
73
+ Effective project management involves managing resources, schedules, budgets,
74
+ risks, and stakeholders to deliver the desired outcomes within the specified
75
+ timeframe and budget. The way you work should demonstrate that you've modern
76
+ project management strategies in mind.
77
+
78
+ Here are some tips to follow when describing how you're working:
79
+
80
+ . Start by introducing its purpose: Give a brief overview and explain why
81
+ it is important or necessary. This intro gives context to your description
82
+ and helps your audience understand the significance.
83
+
84
+ . Define what you're focussing on: Explain what it will involve and will not
85
+ involve. The focus ensures that everyone understands what is provided.
86
+
87
+ . Discuss goals and objectives: Outline the specific goals and objectives
88
+ your work aims to achieve. Be clear and specific about what your intentions
89
+ are to accomplish.
90
+
91
+ . Describe the efforts and timeline: Provide an overview of the efforts,
92
+ including key milestones. Describing efforts and timeline support your
93
+ audience in understanding expected costs and what they can expect.
94
+
95
+ . Outline the expected outcomes: Finally, describe the expected outcomes
96
+ of your work, such as benefits and impact. Outlining the outcomes
97
+ demonstrates the value of your work and the benefits it will bring.
98
+
99
+
100
+ .