BLUR-20 poprawki designu strony głównej
This commit is contained in:
parent
4eef3fd593
commit
6eebdd597a
9
.gitignore
vendored
9
.gitignore
vendored
@ -1,4 +1,7 @@
|
||||
*.db
|
||||
*.py[cod]
|
||||
.web
|
||||
*.db
|
||||
|
||||
*.py[cod]
|
||||
|
||||
.web/
|
||||
|
||||
__pycache__/
|
||||
@ -73,21 +73,21 @@ export default function Component() {
|
||||
</HStack>
|
||||
<VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}>
|
||||
<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>
|
||||
{`Strona główna`}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Link>
|
||||
<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>
|
||||
{`Dashboard`}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Link>
|
||||
<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>
|
||||
{`Settings`}
|
||||
</Text>
|
||||
@ -121,28 +121,28 @@ export default function Component() {
|
||||
<HamburgerIcon sx={{"size": "4em", "color": "black"}}/>
|
||||
</MenuButton>
|
||||
<MenuList>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
|
||||
{`Strona główna`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
|
||||
{`Dashboard`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
|
||||
{`Settings`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuDivider/>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}>
|
||||
{`About`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}>
|
||||
{`Contact`}
|
||||
</Link>
|
||||
|
||||
@ -3,7 +3,7 @@ import { useRouter } from "next/router"
|
||||
import { Event, getAllLocalStorageItems, getRefValue, getRefValues, isTrue, preventDefault, refs, spreadArraysOrObjects, uploadFiles, useEventLoop } from "/utils/state"
|
||||
import { ColorModeContext, EventLoopContext, initialEvents, StateContext } from "/utils/context.js"
|
||||
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 NextLink from "next/link"
|
||||
import { HamburgerIcon } from "@chakra-ui/icons"
|
||||
@ -73,21 +73,21 @@ export default function Component() {
|
||||
</HStack>
|
||||
<VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}>
|
||||
<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>
|
||||
{`Strona główna`}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Link>
|
||||
<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>
|
||||
{`Dashboard`}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Link>
|
||||
<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>
|
||||
{`Settings`}
|
||||
</Text>
|
||||
@ -104,21 +104,21 @@ export default function Component() {
|
||||
{`Witaj w BlurMe!`}
|
||||
</Heading>
|
||||
<Wrap>
|
||||
<WrapItem sx={{"flex-direction": "row", "margin-left": "20px"}}>
|
||||
<Text sx={{"margin-left": "15px", "fontSize": "1.2em", "w": "45%"}}>
|
||||
<HStack sx={{"align-self": "flex-start"}}>
|
||||
<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!`}
|
||||
</Text>
|
||||
<Text>
|
||||
{`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"}}>
|
||||
<Link as={NextLink} href={`settings`} sx={{"margin-top": "30px", "align": "center", "color": "rgba(117,102,254,255)", "button": true, "padding": "50xp", "fontSize": "1.2em"}}>
|
||||
<Button>
|
||||
{`Zacznij anonimizować`}
|
||||
</Button>
|
||||
</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 sx={{"fontSize": "1.5em", "fontWeight": "bold", "marginTop": "10px", "marginBottom": "10px"}}>
|
||||
@ -133,7 +133,7 @@ export default function Component() {
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<Text as={`b`}>
|
||||
{`Prost obsługa: `}
|
||||
{`Prosta obsługa: `}
|
||||
</Text>
|
||||
{`Intuicyjny interfejs użytkownika sprawia, że korzystanie z Blurme jest łatwe dla każdego.`}
|
||||
</ListItem>
|
||||
@ -196,7 +196,7 @@ export default function Component() {
|
||||
{`Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.`}
|
||||
</ListItem>
|
||||
</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!`}
|
||||
</Text>
|
||||
</VStack>
|
||||
@ -208,28 +208,28 @@ export default function Component() {
|
||||
<HamburgerIcon sx={{"size": "4em", "color": "black"}}/>
|
||||
</MenuButton>
|
||||
<MenuList>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
|
||||
{`Strona główna`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
|
||||
{`Dashboard`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
|
||||
{`Settings`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuDivider/>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}>
|
||||
{`About`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}>
|
||||
{`Contact`}
|
||||
</Link>
|
||||
|
||||
@ -75,21 +75,21 @@ export default function Component() {
|
||||
</HStack>
|
||||
<VStack alignItems={`flex-start`} sx={{"width": "100%", "overflowY": "auto", "padding": "1em"}}>
|
||||
<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>
|
||||
{`Strona główna`}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Link>
|
||||
<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>
|
||||
{`Dashboard`}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Link>
|
||||
<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>
|
||||
{`Settings`}
|
||||
</Text>
|
||||
@ -127,28 +127,28 @@ export default function Component() {
|
||||
<HamburgerIcon sx={{"size": "4em", "color": "black"}}/>
|
||||
</MenuButton>
|
||||
<MenuList>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/`} sx={{"width": "100%"}}>
|
||||
{`Strona główna`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/dashboard`} sx={{"width": "100%"}}>
|
||||
{`Dashboard`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`/settings`} sx={{"width": "100%"}}>
|
||||
{`Settings`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuDivider/>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`https://github.com/reflex-dev`} sx={{"width": "100%"}}>
|
||||
{`About`}
|
||||
</Link>
|
||||
</MenuItem>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fcd2e7"}}}>
|
||||
<MenuItem sx={{"_hover": {"bg": "#fff0f7"}}}>
|
||||
<Link as={NextLink} href={`mailto:founders@=reflex.dev`} sx={{"width": "100%"}}>
|
||||
{`Contact`}
|
||||
</Link>
|
||||
|
||||
@ -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.
|
||||
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
BIN
assets/obraz1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 442 KiB |
@ -9,16 +9,15 @@ import reflex as rx
|
||||
def index() -> rx.Component:
|
||||
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.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.text("Tu będzie obrazek"), style={"flex-direction": "row", "margin-left": "20px"}),),
|
||||
|
||||
rx.link(
|
||||
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.wrap(
|
||||
rx.hstack(
|
||||
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.text(" ", height = "100px"),
|
||||
rx.text(" ", height = "20px"),
|
||||
rx.text("Dlaczego Blurme?", font_size="1.5em", font_weight="bold", margin_top="10px", margin_bottom="10px"),
|
||||
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ą."),
|
||||
@ -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("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"),
|
||||
)
|
||||
|
||||
@ -7,7 +7,7 @@ box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
|
||||
border = "1px solid #F4F3F6"
|
||||
text_color = "black"
|
||||
accent_text_color = "#1A1060"
|
||||
accent_color = "#fcd2e7"
|
||||
accent_color = "#fff0f7"
|
||||
hover_accent_color = {"_hover": {"color": accent_color}}
|
||||
hover_accent_bg = {"_hover": {"bg": accent_color}}
|
||||
content_width_vw = "90vw"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user