Skip to content

Commit 83a68c5

Browse files
abheektripathyabheektripathy
committed
fixing css
1 parent cf62791 commit 83a68c5

File tree

4 files changed

+37
-24
lines changed

4 files changed

+37
-24
lines changed

‎components/Header.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,13 @@ export function Header(props: Headerprops) {
3333

3434
<Link
3535
href="https://intelowlproject.github.io/site/"
36-
className="text-white font-SpaceGrotesk font-light text-right invisible md:visible"
36+
className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
3737
>
3838
Features
3939
</Link>
4040
<Link
4141
href="https://intelowlproject.github.io/site/"
42-
className="text-white font-SpaceGrotesk font-light text-right invisible md:visible"
42+
className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
4343
>
4444
Testimonials
4545
</Link>
@@ -99,14 +99,14 @@ export function Header(props: Headerprops) {
9999
<Link
100100
href="#feature-section"
101101
onClick={handleScroll}
102-
className="text-white font-SpaceGrotesk font-light text-right invisible md:visible"
102+
className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
103103
>
104104
Features
105105
</Link>
106106
<Link
107107
href="#testimonials-section"
108108
onClick={handleScroll}
109-
className="text-white font-SpaceGrotesk font-light text-right invisible md:visible"
109+
className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
110110
>
111111
Testimonials
112112
</Link>
@@ -118,7 +118,7 @@ export function Header(props: Headerprops) {
118118
</Link>
119119
<Link
120120
href="https://opencollective.com/intelowl-project/donate"
121-
className="text-white font-SpaceGrotesk font-light text-center collapse md:visible"
121+
className="text-white font-SpaceGrotesk font-light text-left collapse md:visible"
122122
>
123123
Donate
124124
</Link>

‎components/Slider.tsx‎

Lines changed: 27 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,20 @@ export default function Slider(props: sliderProps) {
2222
<div className="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
2323
<Swiper
2424
spaceBetween={25}
25-
slidesPerView={3}
25+
breakpoints={{
26+
'@0.00': {
27+
slidesPerView: 1,
28+
spaceBetween: 10,
29+
},
30+
'@0.75': {
31+
slidesPerView: 2,
32+
spaceBetween: 20,
33+
},
34+
'@1.00': {
35+
slidesPerView: 3,
36+
spaceBetween: 40,
37+
},
38+
}}
2639
autoplay={{
2740
delay: 2000,
2841
disableOnInteraction: false,
@@ -33,7 +46,7 @@ export default function Slider(props: sliderProps) {
3346
{TestimonialData.map((testimonial, index) => {
3447
return (
3548
<div key={index} className="swiper-slide h-full bg-white">
36-
<SwiperSlide className="bg-[#16161D] !h-[30rem] p-8 xl:p-16 rounded-xl mx-2 border-solid border border-[#39393F]">
49+
<SwiperSlide className="bg-[#16161D] md:!h-[30rem] p-8 xl:p-16 rounded-xl mx-2 border-solid border border-[#39393F]">
3750
<p className="relative mt-4 text-gray-500">
3851
<span className="text-xl">&ldquo;</span>
3952
{testimonial.review}
@@ -62,30 +75,31 @@ export default function Slider(props: sliderProps) {
6275
<Swiper
6376
spaceBetween={25}
6477
slidesPerView={3}
65-
autoplay={{
66-
delay: 2000,
67-
disableOnInteraction: false,
68-
}}
78+
// autoplay={{
79+
// delay: 2000,
80+
// disableOnInteraction: false,
81+
// }}
6982
modules={[Autoplay]}
7083
>
7184
{Sponsordata.map((sponsor, index) => {
7285
return (
7386
<div key={index} className="swiper-slide">
74-
<SwiperSlide className="bg-[#16161D] !h-[35rem] p-8 xl:p-16 rounded-xl mx-2 border-solid border border-[#39393F] flex flex-col justify-center items-center space-y-7 ">
75-
<p className="relative mt-4 text-gray-500">
87+
<SwiperSlide className="bg-[#16161D] md:!h-[35rem] p-8 xl:p-16 rounded-xl mx-2 border-solid border border-[#39393F]">
88+
<div className="flex flex-col items-center justify-around space-y-7 ">
89+
<p className="relative mt-4 text-gray-500">
7690
{sponsor.companydesc}
7791
</p>
7892
<Link href={sponsor.companylink}>
7993
<img
80-
className="items-center justify-center "
94+
className="items-center justify-center self-center"
8195
src={sponsor.companylogo}
82-
width={250}
96+
width={200}
8397
height={50}
84-
alt="hj"
98+
alt="sponsor-image"
8599
></img>
86100
</Link>
87101
<div className="flex items-center gap-4">
88-
<div className="text-lg ">
102+
<div className="text-lg text-center">
89103
<p className="font-medium font-SpaceGrotesk opacity-90 text-white text-lg">
90104
{sponsor.companyname}
91105
</p>
@@ -94,6 +108,7 @@ export default function Slider(props: sliderProps) {
94108
</p>
95109
</div>
96110
</div>
111+
</div>
97112
</SwiperSlide>
98113
</div>
99114
);

‎components/sections/HeroSection.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ interface HeroSectionProps {
1212

1313
export default function HeroSection(props: HeroSectionProps) {
1414
const { isMobile } = props;
15-
const [words] = useState(["hash.", "ip.", "malware.", "domain."]);
15+
const [words] = useState(["a hash.", "an ip.", "a malware.", "a domain."]);
1616
const [currentWordIndex, setCurrentWordIndex] = useState(0);
1717

1818
useEffect(() => {
@@ -30,7 +30,7 @@ export default function HeroSection(props: HeroSectionProps) {
3030
>
3131
<div className="bg-inherit w-full flex flex-col items-center justify-center px-5">
3232
<h1 className="text-white text-center text-3xl leading-snug lg:leading-snug xl:leading-snug font-SpaceGrotesk font-semibold ">
33-
Get Threat Intelligence data about a{" "}
33+
Get Threat Intelligence data about {" "}
3434
<span className="text-[#00ADEF]">{words[currentWordIndex]}</span>
3535
</h1>
3636
<h2 className=" text-white text-center text-lg mt-8 font-SpaceGrotesk font-extralight px-4">
@@ -68,7 +68,7 @@ export default function HeroSection(props: HeroSectionProps) {
6868
>
6969
<div className="bg-inherit w-4/6 flex flex-col items-left justify-center px-16">
7070
<h1 className="text-white text-left text-5xl lg:text-6xl xl:text-7xl leading-snug lg:leading-snug xl:leading-snug font-SpaceGrotesk font-semibold ">
71-
Get Threat Intelligence data about a{" "}
71+
Get Threat Intelligence data about {" "}
7272
<span className="text-[#00ADEF]">{words[currentWordIndex]}</span>
7373
</h1>
7474
<h2 className=" text-white text-left text-3xl lg:text-3xl xl:text-4xl mt-8 font-SpaceGrotesk font-extralight">

‎components/sections/VideoSection.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,9 @@ export default function VideoSection() {
1616
</h3>
1717
</div>
1818
</div>
19-
<div id="video" className=" md:h-3/5 rounded-3xl mt-12" style={{alignItems:'center', justifyContent: 'center'}}>
19+
<div id="video" className="flex flex-col justify-center items-center md:w-screen md:h-3/5 rounded-3xl mt-12 pb-24" style={{alignItems:'center', justifyContent: 'center'}}>
2020
<iframe
21-
className="rounded-3xl"
22-
width={800}
23-
height={500}
21+
className="md:w-[70%] md:h-[100%] lg:h-[150%] rounded-3xl"
2422
src="https://www.youtube.com/embed/pHnh3qTzSeM">
2523
</iframe>
2624
</div>

0 commit comments

Comments
 (0)