Skip to content

Commit f49419f

Browse files
authored
Merge pull request #22 from codeiiest-dev/dev-chapter
[NEW] Development chapter
2 parents c33c1b1 + fbe14ca commit f49419f

File tree

6 files changed

+75
-14
lines changed

6 files changed

+75
-14
lines changed

src/components/Header.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,10 @@
4646
</transition>
4747
</Popover>
4848

49-
<router-link to="/events" class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
49+
<router-link to="/events" class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
5050
Events
5151
</router-link>
52-
<router-link to="/team" class="text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
52+
<router-link to="/team" class="p-1 text-base font-medium text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100">
5353
Team
5454
</router-link>
5555
</PopoverGroup>

src/logic/chapters.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,5 @@ export const chapters: Array<{name: String; route: String; descp: String}> = [
33
{ name: 'Competitive Programming', route: '/chapters/competitive-programming', descp: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio eligendi similique exercitationem optio libero vitae accusamus cupiditate laborum eos.' },
44
{ name: 'Information Security', route: '/chapters/infosec', descp: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio eligendi similique exercitationem optio libero vitae accusamus cupiditate laborum eos.' },
55
{ name: 'Machine Learning', route: '/chapters/machine-learning', descp: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio eligendi similique exercitationem optio libero vitae accusamus cupiditate laborum eos.' },
6-
{ name: 'CodeIIEST Girls', route: '/chapters/codeiiest-girls', descp: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio eligendi similique exercitationem optio libero vitae accusamus cupiditate laborum eos.' },
6+
{ name: 'Women@CodeIIEST', route: '/chapters/women-codeiiest', descp: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio eligendi similique exercitationem optio libero vitae accusamus cupiditate laborum eos.' },
77
]

src/pages/chapters/development.md

Lines changed: 68 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,71 @@
22
title: Development
33
---
44

5-
<div class="text-center">
6-
<!-- You can use Vue components inside markdown -->
7-
<carbon-dicom-overlay class="text-4xl -mb-6 m-auto" />
8-
<h2>Development</h2>
9-
</div>
10-
11-
WIP
5+
<div>
6+
<div class="text-center items-center flex flex-col mb-4">
7+
<!-- You can use Vue components inside markdown -->
8+
<carbon-dicom-overlay class="text-4xl" />
9+
<h2>Development</h2>
10+
</div>
11+
<div class="relative py-16 overflow-hidden">
12+
<div class="hidden lg:block lg:absolute lg:inset-y-0 lg:h-full lg:w-full">
13+
<div class="relative h-full text-lg max-w-prose mx-auto" aria-hidden="true">
14+
<!-- <svg class="absolute top-12 left-full transform translate-x-32" width="404" height="384" fill="none" viewBox="0 0 404 384">
15+
<defs>
16+
<pattern id="74b3fd99-0a6f-4271-bef2-e80eeafdf357" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
17+
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
18+
</pattern>
19+
</defs>
20+
<rect width="404" height="384" fill="url(#74b3fd99-0a6f-4271-bef2-e80eeafdf357)"></rect>
21+
</svg> -->
22+
<!-- <svg class="absolute top-1/2 right-full transform -translate-y-1/2 -translate-x-32" width="404" height="384" fill="none" viewBox="0 0 404 384">
23+
<defs>
24+
<pattern id="f210dbf6-a58d-4871-961e-36d5016a0f49" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
25+
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
26+
</pattern>
27+
</defs>
28+
<rect width="404" height="384" fill="url(#f210dbf6-a58d-4871-961e-36d5016a0f49)"></rect>
29+
</svg> -->
30+
<!-- <svg class="absolute bottom-12 left-full transform translate-x-32" width="404" height="384" fill="none" viewBox="0 0 404 384">
31+
<defs>
32+
<pattern id="d3eb07ae-5182-43e6-857d-35c643af9034" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
33+
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
34+
</pattern>
35+
</defs>
36+
<rect width="404" height="384" fill="url(#d3eb07ae-5182-43e6-857d-35c643af9034)"></rect>
37+
</svg> -->
38+
</div>
39+
</div>
40+
<div class="relative px-4 sm:px-6 lg:px-8">
41+
<div class="text-lg max-w-prose mx-auto">
42+
<h1>
43+
<span class="block text-base text-center text-red-600 font-semibold tracking-wide uppercase dark:text-red-400">Introducing</span>
44+
<span class="mt-2 block text-3xl text-center leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Development Chapter of CodeIIEST</span>
45+
</h1>
46+
<p class="mt-8 text-xl text-gray-500 dark:text-gray-400 leading-8">Aliquet nec orci mattis amet quisque ullamcorper neque, nibh sem. At arcu, sit dui mi, nibh dui, diam eget aliquam. Quisque id at vitae feugiat egestas ac. Diam nulla orci at in viverra scelerisque eget. Eleifend egestas fringilla sapien.</p>
47+
</div>
48+
<div class="mt-6 prose prose-red prose-lg text-gray-500 dark:text-gray-400 mx-auto">
49+
<p>Faucibus commodo massa rhoncus, volutpat. <strong>Dignissim</strong> sed <strong>eget risus enim</strong>. Mattis mauris semper sed amet vitae sed turpis id. Id dolor praesent donec est. Odio penatibus risus viverra tellus varius sit neque erat velit. Faucibus commodo massa rhoncus, volutpat. Dignissim sed eget risus enim. <a href="#">Mattis mauris semper</a> sed amet vitae sed turpis id.</p>
50+
<ul>
51+
<li>Quis elit egestas venenatis mattis dignissim.</li>
52+
<li>Cras cras lobortis vitae vivamus ultricies facilisis tempus.</li>
53+
<li>Orci in sit morbi dignissim metus diam arcu pretium.</li>
54+
</ul>
55+
<p>Quis semper vulputate aliquam venenatis egestas sagittis quisque orci. Donec commodo sit viverra aliquam porttitor ultrices gravida eu. Tincidunt leo, elementum mattis elementum ut nisl, justo, amet, mattis. Nunc purus, diam commodo tincidunt turpis. Amet, duis sed elit interdum dignissim.</p>
56+
<h2 class="dark:text-gray-300">From beginner to expert in 30 days</h2>
57+
<p>Id orci tellus laoreet id ac. Dolor, aenean leo, ac etiam consequat in. Convallis arcu ipsum urna nibh. Pharetra, euismod vitae interdum mauris enim, consequat vulputate nibh. Maecenas pellentesque id sed tellus mauris, ultrices mauris. Tincidunt enim cursus ridiculus mi. Pellentesque nam sed nullam sed diam turpis ipsum eu a sed convallis diam.</p>
58+
<blockquote class="dark:text-gray-600">
59+
<p>Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed aenean erat arcu morbi.</p>
60+
</blockquote>
61+
<p>Faucibus commodo massa rhoncus, volutpat. Dignissim sed eget risus enim. Mattis mauris semper sed amet vitae sed turpis id. Id dolor praesent donec est. Odio penatibus risus viverra tellus varius sit neque erat velit.</p>
62+
<figure>
63+
<img class="w-full rounded-lg" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&amp;auto=format&amp;fit=facearea&amp;w=1310&amp;h=873&amp;q=80&amp;facepad=3" alt="" width="1310" height="873">
64+
<figcaption>Sagittis scelerisque nulla cursus in enim consectetur quam.</figcaption>
65+
</figure>
66+
<h2 class="dark:text-gray-300">Everything you need to get up and running</h2>
67+
<p>Purus morbi dignissim senectus mattis <a href="#">adipiscing</a>. Amet, massa quam varius orci dapibus volutpat cras. In amet eu ridiculus leo sodales cursus tristique. Tincidunt sed tempus ut viverra ridiculus non molestie. Gravida quis fringilla amet eget dui tempor dignissim. Facilisis auctor venenatis varius nunc, congue erat ac. Cras fermentum convallis quam.</p>
68+
<p>Faucibus commodo massa rhoncus, volutpat. Dignissim sed eget risus enim. Mattis mauris semper sed amet vitae sed turpis id. Id dolor praesent donec est. Odio penatibus risus viverra tellus varius sit neque erat velit.</p>
69+
</div>
70+
</div>
71+
</div>
72+
</div>

src/pages/chapters/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ const chapters: Array<{name: String; route: String}> = [
44
{ name: 'Competitive Programming', route: '/chapters/competitive-programming' },
55
{ name: 'Information Security', route: '/chapters/infosec' },
66
{ name: 'Machine Learning', route: '/chapters/machine-learning' },
7-
{ name: 'CodeIIEST Girls', route: '/chapters/codeiiest-girls' },
7+
{ name: 'Women@CodeIIEST', route: '/chapters/women-codeiiest' },
88
]
99
</script>
1010

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
2-
title: CodeIIEST Girls
2+
title: Women@CodeIIEST
33
---
44

55
<div class="text-center">
66
<!-- You can use Vue components inside markdown -->
77
<carbon-dicom-overlay class="text-4xl -mb-6 m-auto" />
8-
<h2>CodeIIEST Girls</h2>
8+
<h2>Women@CodeIIEST</h2>
99
</div>
1010

1111
WIP

vite.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ export default defineConfig({
3535

3636
// https://github.com/antfu/vite-plugin-md
3737
Markdown({
38-
wrapperClasses: 'prose prose-sm m-auto text-left',
38+
wrapperClasses: '',
3939
headEnabled: true,
4040
markdownItSetup(md) {
4141
// https://prismjs.com/

0 commit comments

Comments
 (0)