s352038/BlurMe
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

BLUR-20 poprawki designu strony głównej

Browse Source
This commit is contained in:
markrz12 2023-11-18 16:05:17 +01:00
parent 4eef3fd593
commit 6eebdd597a
8 changed files with 52 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored
View File

@ -1,4 +1,7 @@
*.db *.db
*.py[cod] *.py[cod]
.web
.web/
__pycache__/ __pycache__/

16
.web/pages/dashboard.js
View File

@ -73,21 +73,21 @@ export default function Component() {
</HStack> </HStack>
<VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}> <VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}>
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Strona główna`} {`Strona główna`}
</Text> </Text>
</HStack> </HStack>
</Link> </Link>
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Dashboard`} {`Dashboard`}
</Text> </Text>
</HStack> </HStack>
</Link> </Link>
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Settings`} {`Settings`}
</Text> </Text>
@ -121,28 +121,28 @@ export default function Component() {
<HamburgerIcon sx={{"size": "4em", "color": "black"}}/> <HamburgerIcon sx={{"size": "4em", "color": "black"}}/>
</MenuButton> </MenuButton>
<MenuList> <MenuList>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
{`Strona główna`} {`Strona główna`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
{`Dashboard`} {`Dashboard`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
{`Settings`} {`Settings`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuDivider/> <MenuDivider/>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}> <Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}>
{`About`} {`About`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}> <Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}>
{`Contact`} {`Contact`}
</Link> </Link>

40
.web/pages/index.js
View File

@ -3,7 +3,7 @@ import { useRouter } from "next/router"
import { Event, getAllLocalStorageItems, getRefValue, getRefValues, isTrue, preventDefault, refs, spreadArraysOrObjects, uploadFiles, useEventLoop } from "/utils/state" import { Event, getAllLocalStorageItems, getRefValue, getRefValues, isTrue, preventDefault, refs, spreadArraysOrObjects, uploadFiles, useEventLoop } from "/utils/state"
import { ColorModeContext, EventLoopContext, initialEvents, StateContext } from "/utils/context.js" import { ColorModeContext, EventLoopContext, initialEvents, StateContext } from "/utils/context.js"
import "focus-visible/dist/focus-visible" import "focus-visible/dist/focus-visible"
import { Box, Button, Heading, HStack, Image, Link, List, ListItem, Menu, MenuButton, MenuDivider, MenuItem, MenuList, Modal, ModalBody, ModalContent, ModalHeader, ModalOverlay, OrderedList, Spacer, Text, VStack, Wrap, WrapItem } from "@chakra-ui/react" import { Box, Button, Heading, HStack, Image, Link, List, ListItem, Menu, MenuButton, MenuDivider, MenuItem, MenuList, Modal, ModalBody, ModalContent, ModalHeader, ModalOverlay, OrderedList, Spacer, Text, VStack, Wrap } from "@chakra-ui/react"
import { getEventURL } from "/utils/state.js" import { getEventURL } from "/utils/state.js"
import NextLink from "next/link" import NextLink from "next/link"
import { HamburgerIcon } from "@chakra-ui/icons" import { HamburgerIcon } from "@chakra-ui/icons"
@ -73,21 +73,21 @@ export default function Component() {
</HStack> </HStack>
<VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}> <VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}>
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Strona główna`} {`Strona główna`}
</Text> </Text>
</HStack> </HStack>
</Link> </Link>
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Dashboard`} {`Dashboard`}
</Text> </Text>
</HStack> </HStack>
</Link> </Link>
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Settings`} {`Settings`}
</Text> </Text>
@ -104,21 +104,21 @@ export default function Component() {
{`Witaj w BlurMe!`} {`Witaj w BlurMe!`}
</Heading> </Heading>
<Wrap> <Wrap>
<WrapItem sx={{"flex-direction": "row", "margin-left": "20px"}}> <HStack sx={{"align-self": "flex-start"}}>
<Text sx={{"margin-left": "15px", "fontSize": "1.2em", "w": "45%"}}> <VStack sx={{"align-self": "flex-start"}}>
<Text sx={{"margin-left": "40px", "margin-top": "40px", "align-self": "flex-start", "margin-bottom": "25px", "fontSize": "1.2em"}}>
{`Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste!`} {`Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste!`}
</Text> </Text>
<Text> <Link as={NextLink} href={`settings`} sx={{"margin-top": "30px", "align": "center", "color": "rgba(117,102,254,255)", "button": true, "padding": "50xp", "fontSize": "1.2em"}}>
{`Tu będzie obrazek`}
</Text>
</WrapItem>
</Wrap>
<Link as={NextLink} href={`settings`} sx={{"margin-top": "20px", "align": "center", "color": "rgb(107,99,246)", "button": true, "padding": "50xp", "fontSize": "1.2em"}}>
<Button> <Button>
{`Zacznij anonimizować`} {`Zacznij anonimizować`}
</Button> </Button>
</Link> </Link>
<Text sx={{"height": "100px"}}> </VStack>
<Image src={`obraz1.png`} sx={{"margin-right": "60px", "height": "30em", "padding": "0.5em"}}/>
</HStack>
</Wrap>
<Text sx={{"height": "20px"}}>
{` `} {` `}
</Text> </Text>
<Text sx={{"fontSize": "1.5em", "fontWeight": "bold", "marginTop": "10px", "marginBottom": "10px"}}> <Text sx={{"fontSize": "1.5em", "fontWeight": "bold", "marginTop": "10px", "marginBottom": "10px"}}>
@ -133,7 +133,7 @@ export default function Component() {
</ListItem> </ListItem>
<ListItem> <ListItem>
<Text as={`b`}> <Text as={`b`}>
{`Prost obsługa: `} {`Prosta obsługa: `}
</Text> </Text>
{`Intuicyjny interfejs użytkownika sprawia, że korzystanie z Blurme jest łatwe dla każdego.`} {`Intuicyjny interfejs użytkownika sprawia, że korzystanie z Blurme jest łatwe dla każdego.`}
</ListItem> </ListItem>
@ -196,7 +196,7 @@ export default function Component() {
{`Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.`} {`Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.`}
</ListItem> </ListItem>
</List> </List>
<Text sx={{"textAlign": "center"}}> <Text sx={{"textAlign": "left"}}>
{`Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz!`} {`Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz!`}
</Text> </Text>
</VStack> </VStack>
@ -208,28 +208,28 @@ export default function Component() {
<HamburgerIcon sx={{"size": "4em", "color": "black"}}/> <HamburgerIcon sx={{"size": "4em", "color": "black"}}/>
</MenuButton> </MenuButton>
<MenuList> <MenuList>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
{`Strona główna`} {`Strona główna`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
{`Dashboard`} {`Dashboard`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
{`Settings`} {`Settings`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuDivider/> <MenuDivider/>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}> <Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}>
{`About`} {`About`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}> <Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}>
{`Contact`} {`Contact`}
</Link> </Link>

16
.web/pages/settings.js
View File

@ -75,21 +75,21 @@ export default function Component() {
</HStack> </HStack>
<VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}> <VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}>
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/strona g\\u0142\\u00f3wna") || (((state.router.page.path === "/") && "Strona g\\u0142\\u00f3wna") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Strona główna`} {`Strona główna`}
</Text> </Text>
</HStack> </HStack>
</Link> </Link>
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/dashboard") || (((state.router.page.path === "/") && "Dashboard") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Dashboard`} {`Dashboard`}
</Text> </Text>
</HStack> </HStack>
</Link> </Link>
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
<HStack sx={{"bg": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#fcd2e7` : `transparent`, "color": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}> <HStack sx={{"bg": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#fff0f7` : `transparent`, "color": isTrue((state.router.page.path === "/settings") || (((state.router.page.path === "/") && "Settings") === "Home")) ? `#1A1060` : `black`, "borderRadius": "0.375rem", "boxShadow": "0px 0px 0px 1px rgba(84, 82, 95, 0.14)", "width": "100%", "paddingX": "1em", "height": "2em"}}>
<Text> <Text>
{`Settings`} {`Settings`}
</Text> </Text>
@ -127,28 +127,28 @@ export default function Component() {
<HamburgerIcon sx={{"size": "4em", "color": "black"}}/> <HamburgerIcon sx={{"size": "4em", "color": "black"}}/>
</MenuButton> </MenuButton>
<MenuList> <MenuList>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
{`Strona główna`} {`Strona główna`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
{`Dashboard`} {`Dashboard`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}> <Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
{`Settings`} {`Settings`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuDivider/> <MenuDivider/>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}> <Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}>
{`About`} {`About`}
</Link> </Link>
</MenuItem> </MenuItem>
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}> <MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
<Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}> <Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}>
{`Contact`} {`Contact`}
</Link> </Link>

6
README.md
View File

@ -19,9 +19,3 @@ Zachowanie Prywatności: Przydatne w sytuacjach, gdzie chcesz udostępnić zdję
Kreatywność: Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach. Kreatywność: Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.
Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz! Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz!
In this template, the base state handles the toggle for the sidebar.
As your app grows, we recommend using [substates](https://reflex.dev/docs/state/substates/)
to organize your state. You can either define substates in their own files, or if the state is
specific to a page, you can define it in the page file itself.

BIN
assets/obraz1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 442 KiB

19
blurme/pages/index.py
View File

@ -9,16 +9,15 @@ import reflex as rx
def index() -> rx.Component: def index() -> rx.Component:
return rx.vstack( return rx.vstack(
rx.heading("Witaj w BlurMe!", font_size="3em", margin_bottom="25px", background_image="linear-gradient(271.68deg, #7566fe 0.75%, #f96caf 88.52%)", background_clip="text", padding = "10px"), rx.heading("Witaj w BlurMe!", font_size="3em", margin_bottom="25px", background_image="linear-gradient(271.68deg, #7566fe 0.75%, #f96caf 88.52%)", background_clip="text", padding = "10px"),
rx.wrap( rx.wrap(
rx.wrap_item(rx.text("Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste!", font_size="1.2em", w = "45%", style={"margin-left": "15px"}), rx.hstack(
rx.text("Tu będzie obrazek"), style={"flex-direction": "row", "margin-left": "20px"}),), rx.vstack(rx.text("Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste!",
font_size="1.2em", style={"margin-left": "40px", "margin-top": "40px", "align-self": "flex-start", "margin-bottom": "25px"}),
rx.link(rx.button("Zacznij anonimizować"), href="settings",align="center",color="rgba(117,102,254,255)",button=True,padding="50xp",font_size="1.2em",style={"margin-top": "30px" }),style = {"align-self": "flex-start"}),
rx.image(src="obraz1.png",height="30em",padding="0.5em",style={"margin-right": "60px"}),
style={"align-self": "flex-start"}),),
rx.link( rx.text(" ", height = "20px"),
rx.button("Zacznij anonimizować"),
href="settings",align="center",color="rgb(107,99,246)",button=True,padding="50xp",font_size="1.2em",style={"margin-top": "20px" }),
rx.text(" ", height = "100px"),
rx.text("Dlaczego Blurme?", font_size="1.5em", font_weight="bold", margin_top="10px", margin_bottom="10px"), rx.text("Dlaczego Blurme?", font_size="1.5em", font_weight="bold", margin_top="10px", margin_bottom="10px"),
rx.list( rx.list(
rx.list_item(rx.text("Prywatność: ",as_="b"), "Nasza aplikacja zapewnia pełną ochronę prywatności, eliminując ryzyko identyfikacji osób niezwiązanych z anonimizacją."), rx.list_item(rx.text("Prywatność: ",as_="b"), "Nasza aplikacja zapewnia pełną ochronę prywatności, eliminując ryzyko identyfikacji osób niezwiązanych z anonimizacją."),
@ -38,5 +37,5 @@ def index() -> rx.Component:
rx.list_item(rx.text("Zachowanie Prywatności: ",as_="b"),"Przydatne w sytuacjach, gdzie chcesz udostępnić zdjęcia publicznie, ale z zachowaniem prywatności pewnych osób.", text_align="left"), rx.list_item(rx.text("Zachowanie Prywatności: ",as_="b"),"Przydatne w sytuacjach, gdzie chcesz udostępnić zdjęcia publicznie, ale z zachowaniem prywatności pewnych osób.", text_align="left"),
rx.list_item(rx.text("Kreatywność: ",as_="b"),"Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.", text_align="left"), rx.list_item(rx.text("Kreatywność: ",as_="b"),"Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.", text_align="left"),
), ),
rx.text("Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz!", text_align = "center"), rx.text("Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz!", text_align = "left"),
) )

2
blurme/styles.py
View File

@ -7,7 +7,7 @@ box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
border = "1px solid #F4F3F6" border = "1px solid #F4F3F6"
text_color = "black" text_color = "black"
accent_text_color = "#1A1060" accent_text_color = "#1A1060"
accent_color = "#fcd2e7" accent_color = "#fff0f7"
hover_accent_color = {"_hover": {"color": accent_color}} hover_accent_color = {"_hover": {"color": accent_color}}
hover_accent_bg = {"_hover": {"bg": accent_color}} hover_accent_bg = {"_hover": {"bg": accent_color}}
content_width_vw = "90vw" content_width_vw = "90vw"