diff --git a/.gitignore b/.gitignore index a7f03e8..6e4e04e 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,7 @@ -*.db -*.py[cod] -.web +*.db + +*.py[cod] + +.web/ + __pycache__/ \ No newline at end of file diff --git a/.web/pages/dashboard.js b/.web/pages/dashboard.js index b4f8ba9..8c62020 100644 --- a/.web/pages/dashboard.js +++ b/.web/pages/dashboard.js @@ -73,21 +73,21 @@ export default function Component() { - + {`Strona główna`} - + {`Dashboard`} - + {`Settings`} @@ -121,28 +121,28 @@ export default function Component() { - + {`Strona główna`} - + {`Dashboard`} - + {`Settings`} - + {`About`} - + {`Contact`} diff --git a/.web/pages/index.js b/.web/pages/index.js index 584c877..c74f50a 100644 --- a/.web/pages/index.js +++ b/.web/pages/index.js @@ -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() { - + {`Strona główna`} - + {`Dashboard`} - + {`Settings`} @@ -104,21 +104,21 @@ export default function Component() { {`Witaj w BlurMe!`} - - + + + {`Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste!`} - - {`Tu będzie obrazek`} - - - - + - + + + + + {` `} @@ -133,7 +133,7 @@ export default function Component() { - {`Prost obsługa: `} + {`Prosta obsługa: `} {`Intuicyjny interfejs użytkownika sprawia, że korzystanie z Blurme jest łatwe dla każdego.`} @@ -196,7 +196,7 @@ export default function Component() { {`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!`} @@ -208,28 +208,28 @@ export default function Component() { - + {`Strona główna`} - + {`Dashboard`} - + {`Settings`} - + {`About`} - + {`Contact`} diff --git a/.web/pages/settings.js b/.web/pages/settings.js index 05545fc..2162e8a 100644 --- a/.web/pages/settings.js +++ b/.web/pages/settings.js @@ -75,21 +75,21 @@ export default function Component() { - + {`Strona główna`} - + {`Dashboard`} - + {`Settings`} @@ -127,28 +127,28 @@ export default function Component() { - + {`Strona główna`} - + {`Dashboard`} - + {`Settings`} - + {`About`} - + {`Contact`} diff --git a/README.md b/README.md index 2c0abb0..d74cd53 100644 --- a/README.md +++ b/README.md @@ -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. diff --git a/assets/obraz1.png b/assets/obraz1.png new file mode 100644 index 0000000..be1f149 Binary files /dev/null and b/assets/obraz1.png differ diff --git a/blurme/pages/index.py b/blurme/pages/index.py index d0f135e..de65efb 100644 --- a/blurme/pages/index.py +++ b/blurme/pages/index.py @@ -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"), ) diff --git a/blurme/styles.py b/blurme/styles.py index 18fa632..cc23c5b 100644 --- a/blurme/styles.py +++ b/blurme/styles.py @@ -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"