403WebShell

403Webshell
Server IP : 45.32.152.128 / Your IP : 216.73.216.91
Web Server : nginx/1.24.0
System : Linux stage-vultr 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : forge ( 1000)
PHP Version : 8.2.14
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /proc/1182/cwd/pages/
Upload File :
[ Back ]
Current File : /proc/1182/cwd/pages/kariera.tsx
import { AppContext } from 'components/Contexts/AppContextProvider'
import Layout from 'components/Layout'
import Head from 'next/head'
import React, { useContext, useState } from 'react'


interface CardProps {
    position: String
    type: String
    location: String
    podrobnosti: Array<String>
    mainText: String
}

function KarieraCard(props: CardProps) {
    const { podrobnosti, position, type, location, mainText } = props
    let { theme } = useContext(AppContext)
    let [rolled, setRolled] = useState(false)
    return (
        <div>
            <div className='border-t border-gray py-40px flex text-gray gap-x-32 -lg:gap-x-10px -lg:justify-between -lg:px-24px'>
                <div className='flex-shrink-0'>
                    <div className={`${theme == 'light' ? "text-black" : "text-white"} font-bold`}>{position}</div>
                    <div className='mb-8px'>{type}</div>
                    <div className='flex items-center'>
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 12.75C13.6569 12.75 15 11.4069 15 9.75C15 8.09315 13.6569 6.75 12 6.75C10.3431 6.75 9 8.09315 9 9.75C9 11.4069 10.3431 12.75 12 12.75Z" stroke="#62615E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                            <path d="M19.5 9.75C19.5 16.5 12 21.75 12 21.75C12 21.75 4.5 16.5 4.5 9.75C4.5 7.76088 5.29018 5.85322 6.6967 4.4467C8.10322 3.04018 10.0109 2.25 12 2.25C13.9891 2.25 15.8968 3.04018 17.3033 4.4467C18.7098 5.85322 19.5 7.76088 19.5 9.75V9.75Z" stroke="#62615E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                        </svg>

                        <div className='ml-8px'>{location}</div>
                    </div>
                </div>
                <div className='w-full xl:block -xl:hidden'>
                    <div className='text-base'>{mainText}</div>
                    {
                        rolled &&
                        <div>
                            <div className='mt-16px mb-8px'>Podrobnosti</div>
                            {
                                podrobnosti.map((p, i) =>
                                    <div key={i} className='flex mb-8px'>
                                        <svg className='flex-shrink-0' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M9.66797 19L15.0013 12L9.66797 5" stroke="#FBC617" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                                        </svg>

                                        <div className='ml-12px text-base'>{p}</div>
                                    </div>
                                )
                            }
                        </div>
                    }
                </div>
                <div className='flex-shrink-0'>
                    <div onClick={() => { setRolled((p) => !p) }} className='w-14 h-40px bg-yellow rounded-2xl flex items-center justify-center cursor-pointer'>
                        {
                            rolled ?
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M20 12H4" stroke="black" strokeWidth="1.5" strokeLinecap="round" />
                                </svg>
                                :
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 4V20M20 12H4" stroke="black" strokeWidth="1.5" strokeLinecap="round" />
                                </svg>
                        }

                    </div>
                </div>
            </div>
            <div className='w-full xl:hidden -xl:block px-24px mb-24px'>
                    <div className='text-base'>{mainText}</div>
                    {
                        rolled &&
                        <div>
                            <div className='mt-16px mb-8px'>Podrobnosti</div>
                            {
                                podrobnosti.map((p, i) =>
                                    <div key={i} className='flex mb-8px'>
                                        <svg className='flex-shrink-0' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M9.66797 19L15.0013 12L9.66797 5" stroke="#FBC617" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                                        </svg>

                                        <div className='ml-12px text-base'>{p}</div>
                                    </div>
                                )
                            }
                        </div>
                    }
                </div>
        </div>
    )
}

interface Props { }


function Kariera(props: Props) {
    const { } = props
    let { theme } = useContext(AppContext)
    return (
        <Layout>
            <Head>
                <title>Sunizer - Kontakt</title>
            </Head>
            <div className={`${theme == 'light' ? "bg-white text-black" : "bg-black text-white"} w-full pt-36`}>
                <div className='w-full pt-20 -lg:pt-8 pb-10'>
                    <div className='text-center text-3xl mb-16px'>Kariéra</div>
                    <div className='text-center text-base'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi nisi, venenatis eu hendrerit non, imperdiet vitae augue.</div>
                </div>
                <div className='xl:px-40'>
                    <KarieraCard mainText={"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi nisi, venenatis eu hendrerit non, imperdiet vitae augue."} location={"Místo výkonu práce"} type={"Brigáda"} position={"Název pozice"} podrobnosti={["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi nisi, venenatis eu hendrerit non, imperdiet vitae augue.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit."]} />
                    <KarieraCard mainText={"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi nisi, venenatis eu hendrerit non, imperdiet vitae augue."} location={"Místo výkonu práce"} type={"Brigáda"} position={"Název pozice"} podrobnosti={["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi nisi, venenatis eu hendrerit non, imperdiet vitae augue.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit."]} />
                </div>
                <div className='flex -lg:flex-col'>
                    <div className='w-full bg-bege xl:pl-40 flex flex-col justify-center -lg:py-24px -xl:px-24px'>
                        <div className='text-2xl text-black'>Kontaktujte nás</div>
                        <div className='text-gray mt-12 text-lg'>Zavolejte nám</div>
                        <div className='text-3xl text-black'><a href="tel:00420 000 000 000">+420 000 000 000</a></div>
                        <div className='text-gray mt-6 text-lg'>Napište nám</div>
                        <div className='text-3xl text-black'><a href="mailto:kariera@sunizer.cz">kariera@sunizer.cz</a></div>
                    </div>
                    <div className='w-full'>
                        <img src="/assets/img/kariera.png" />
                    </div>
                </div>
            </div>
        </Layout>
    )
}

export default Kariera
Youez - 2016 - github.com/yon3zu
LinuXploit