Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

🎴 🎠 Carousel #71 #325

Closed
wants to merge 95 commits into from
Closed

🎴 🎠 Carousel #71 #325

wants to merge 95 commits into from

Conversation

SKaranjaN
Copy link
Contributor

Description

Created the carousel page that displays the projects, the page is screen responsive and uses typescript to make the slideshow effect on the projects.

Reference the issue related to this PR as shown below. Every issue has it's own number you can find the issue numbers
#74 (#71).

  • New feature (non-breaking change which adds functionality)
  • This change requires a documentation update

Screenshot (optional)

image
image
image

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published in downstream modules

@SKaranjaN
📝 linked the html to the css
04b8f23
@SKaranjaN
🎨 nav styling
7cd21e3
@SKaranjaN
📝 added the logo and nav section
b955ac6
@SKaranjaN
added the images
12bd258
@SKaranjaN
🎨 nav styling
bc2d04c
@SKaranjaN
✨ added the sliding button
e55fc2c
@SKaranjaN
🎨 added the styling button effect
ece4b16
@SKaranjaN
🎨 mobile screen media querry on the nav and the button
ed3055d
@SKaranjaN
🎨 added the background colour
cdc594d
@SKaranjaN
🎨 added the background colour
1db1942
@SKaranjaN
💄 repositioned the dropdowntainer
11cd996
@SKaranjaN
📝 added the comments for the text content in the conversational page
6e7a558
@SKaranjaN
💄 repositioned the button
525bcde
@SKaranjaN
✨ added a the header and the text on the conversational page
8998af7
@SKaranjaN
🎨 added the font styling for the text
44d4483
@SKaranjaN
💄 added the font from google fonts
c26e07f
@SKaranjaN
🎨 adjusted the font weights and positioning of the text
ac31e7c
@SKaranjaN
💄 adjusted the contact us button p tag
8309845
@SKaranjaN
📝 added the div containers for the background shapes
910f73b
@SKaranjaN
:feat: added the background shapes
d185305
@SKaranjaN
✨ added the script tag for the mobile screen side nav
445081e
@SKaranjaN
🎨 repositioned the logo on the mobile screen
3b807c6
@SKaranjaN
🎨 repositioned the background shapes in the mobile screen
b952ccb
@SKaranjaN
✨ created a new div for the News
6d0debb
@SKaranjaN
📝 added the h1 and h2
a7c8a07
@SKaranjaN
📝 added the horizontal line
18ac07a
@SKaranjaN
💄 repositioned the h2
5d38879
@SKaranjaN
🎨 repositioned the readme div
92c1ff3
@SKaranjaN
📝 added the links to the readme
26c4930
@SKaranjaN
🎨 resized the font size in mobile screen
155290b
SKaranjaN and others added 20 commits October 22, 2023 11:34
@SKaranjaN
🎨 moved the buttons to the left
dcf733b
@SKaranjaN
📝 added the typescript interface that has the data layout for the pro…
9809602 
…jects
@SKaranjaN
📝 added the JSDoc comment for the interface
e4b5ba8
@SKaranjaN
🎨 added the mobile screen margin
da738e3
@SKaranjaN
📝 added the JSDoc comment for the interface
3d12f01
@SKaranjaN
📝 added the script tag linking the html to the index.ts
82e4350
@SKaranjaN
📝 added the script tag linking the html to the index.ts
ff8a5e9
@SKaranjaN
📝 changed the button selectors to id
7d95b5f
@SKaranjaN
📝 changed the button selectors to id
84c0a95
@SKaranjaN
📝 installed the typescript globally and run 'tsc index.ts' and a new …
f62c34c 
…index.js file was created
@SKaranjaN
📝 added id's to the project items
325b080
@SKaranjaN
📝 targeting the buttons by id and adding event listeners
f57e3ae
@SKaranjaN
📝 targeting the buttons by id and adding event listeners
969e520
@SKaranjaN
🎨 added the overflow hidden style to make everything fit to width
d00d520
@SKaranjaN
🎨 feat: added the fit to width for all responsive screens using the o…
d350eda 
…verflow style
@SKaranjaN
📝 feat: added the movement of the div container for the projects and …
cf40c5a 
…the transition
@SKaranjaN
📝 feat: added the movement of the div container for the projects and …
3698d2e 
…the transition
@SKaranjaN
📝 feat: added the movement of the div container for the projects and …
6534787 
…the transition to the right
@SKaranjaN
🎨 removed the overflow on the mobile screen projects container to avo…
a495f30 
…id cropping the projects
@SKaranjaN
Merge branch 'main' into Carousel
601a003
@SKaranjaN SKaranjaN changed the title 🎴 🎠 Carousel #71 🎠 Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN changed the title 🎠 Carousel #71 🎠Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN changed the title 🎠Carousel #71 🎴 🎠Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN changed the title 🎴 🎠Carousel #71 🎴 🎠 Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN changed the title 🎴 🎠 Carousel #71 🎠 Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN changed the title 🎠 Carousel #71 🎴 Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN changed the title 🎴 Carousel #71 🎴 🎠 Carousel #71 Oct 23, 2023
@SKaranjaN SKaranjaN marked this pull request as draft October 23, 2023 10:42
@JAPHETHNYARANGA
Copy link
Collaborator

This is good. Your contributions have been good. CLosing the pr as onother has been merged. Good work anyways.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@SKaranjaN @JAPHETHNYARANGA