Skip to content

Commit ee55dbb

Browse files
saniya3saniya3
authored
Merge pull request #20 from majjikishore007/main
updated events page
2 parents 39759e6 + 9b89124 commit ee55dbb

File tree

10 files changed

+353
-220
lines changed

10 files changed

+353
-220
lines changed

‎my-app/package-lock.json‎

Lines changed: 77 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎my-app/package.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,15 @@
99
"bootstrap": "^5.0.2",
1010
"react": "^17.0.2",
1111
"react-bootstrap": "^2.0.0-beta.4",
12+
"react-carousel-minimal": "^1.3.4",
1213
"react-dom": "^17.0.2",
1314
"react-elastic-carousel": "^0.11.5",
14-
"react-responsive-carousel": "^3.2.20",
15+
"react-responsive-carousel": "^3.2.21",
1516
"react-router-dom": "^5.2.0",
1617
"react-scripts": "4.0.3",
18+
"react-slick": "^0.28.1",
1719
"react-spinners": "^0.11.0",
20+
"slick-carousel": "^1.8.1",
1821
"styled-components": "^5.3.0",
1922
"toastify-js": "^1.11.1",
2023
"web-vitals": "^1.1.2"

‎my-app/public/index.html‎

Lines changed: 20 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,22 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8" />
6-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1" />
8-
<meta name="theme-color" content="#000000" />
9-
<meta name="description" content="Web site created using create-react-app" />
10-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
11-
integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
12-
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13-
<!--
14-
manifest.json provides metadata used when your web app is installed on a
15-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16-
-->
17-
<link
18-
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
19-
rel="stylesheet"
20-
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
21-
crossorigin="anonymous"
22-
/>
23-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
24-
25-
<!--
26-
Notice the use of %PUBLIC_URL% in the tags above.
27-
It will be replaced with the URL of the `public` folder during the build.
28-
Only files inside the `public` folder can be referenced from the HTML.
29-
30-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
31-
work correctly both with client-side routing and a non-root public URL.
32-
Learn how to configure a non-root public URL by running `npm run build`.
33-
-->
34-
<title>Codex</title>
35-
</head>
36-
37-
<body>
38-
<noscript>You need to enable JavaScript to run this app.</noscript>
39-
<div id="root"></div>
40-
<!--
41-
This HTML file is a template.
42-
If you open it directly in the browser, you will see an empty page.
43-
44-
You can add webfonts, meta tags, or analytics to this file.
45-
The build step will place the bundled scripts into the <body> tag.
46-
47-
To begin the development, run `npm start` or `yarn start`.
48-
To create a production bundle, use `npm run build` or `yarn build`.
49-
-->
50-
<script
51-
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
52-
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
53-
crossorigin="anonymous"
54-
></script>
55-
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
56-
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
57-
58-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"
59-
integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
60-
61-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
62-
integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
63-
</body>
64-
65-
66-
67-
</html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta name="description" content="Web site created using create-react-app" />
9+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
10+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
11+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
12+
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
13+
<title>Codex</title>
14+
</head>
15+
16+
<body>
17+
<noscript>You need to enable JavaScript to run this app.</noscript>
18+
<div id="root"></div>
19+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
20+
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
21+
</body>
22+
</html>

‎my-app/src/Styles/Event.css‎

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,12 +86,15 @@ section {
8686
display: flex;
8787
flex-direction: column;
8888
}
89+
.split-y > *{
90+
margin: 20px 0px;
91+
}
8992
@media(min-width:40em) {
9093
.split-y{
9194
flex-direction:row;
9295
}
9396
.split-y > *{
94-
flex-basis: 100%;
97+
flex-basis: 50%;
9598
}
9699
.split-y > * + *{
97100
margin-left: 2em;
@@ -121,6 +124,7 @@ background: #0C1B38;
121124
.card_content {
122125
grid-area: text;
123126
width: 80%;
127+
124128
place-self: center;
125129
text-align: left;
126130

@@ -132,10 +136,19 @@ background: #0C1B38;
132136
.heading1
133137
{
134138
text-align: center;
135-
padding:5rem;
139+
padding:3rem;
136140
margin-bottom: 1rem;
137141
}
138142
.organizers
139143
{
140144
color:white;
145+
}
146+
.slick-next {
147+
right: 0px;
148+
visibility: hidden;
149+
}
150+
.slick-prev {
151+
/* left: -25px; */
152+
left: 0;
153+
visibility: hidden;
141154
}

‎my-app/src/core/ContactInfo.js‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,21 @@ const ContactInfo = ({ children }) => {
99
return (
1010
<div>
1111
<div className='icons'>
12-
<button className='icons-btn'>
12+
<a className='icons-btn' href='https://www.instagram.com/codexiter/'>
1313
<img src={insta} />
14-
</button>
15-
<button className='icons-btn'>
14+
</a>
15+
<a className='icons-btn'>
1616
<img src={yt} />
17-
</button>
18-
<button className='icons-btn'>
17+
</a>
18+
<a className='icons-btn'>
1919
<img src={linkedin} />
20-
</button>
21-
<button className='icons-btn'>
20+
</a>
21+
<a className='icons-btn'>
2222
<img src={fb} alt='' />
23-
</button>
24-
<button className='icons-btn'>
23+
</a>
24+
<a className='icons-btn'>
2525
<img src={twitter} />
26-
</button>
26+
</a>
2727
{children}
2828
</div>
2929
</div>

0 commit comments

Comments
 (0)