initial commit

This commit is contained in:
2024-12-17 13:07:06 -08:00
commit 3a3382ffff
183 changed files with 186691 additions and 0 deletions

View File

@@ -0,0 +1,350 @@
:root {
--black: #050316;
--background: #bbe2c5;
--primary: #7fd781;
--secondary: #eeeed3;
--accent: #ac552a;
--soft-lavender: #a29bfe;
--light-blue: #74b9ff;
}
.ibm-plex-sans-thin {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 100;
font-style: normal;
}
.ibm-plex-sans-extralight {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 200;
font-style: normal;
}
.ibm-plex-sans-light {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 300;
font-style: normal;
}
.ibm-plex-sans-regular {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: normal;
}
.ibm-plex-sans-medium {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 500;
font-style: normal;
}
.ibm-plex-sans-semibold {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 600;
font-style: normal;
}
.ibm-plex-sans-bold {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: normal;
}
.ibm-plex-sans-thin-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 100;
font-style: italic;
}
.ibm-plex-sans-extralight-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 200;
font-style: italic;
}
.ibm-plex-sans-light-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 300;
font-style: italic;
}
.ibm-plex-sans-regular-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 400;
font-style: italic;
}
.ibm-plex-sans-medium-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 500;
font-style: italic;
}
.ibm-plex-sans-semibold-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 600;
font-style: italic;
}
.ibm-plex-sans-bold-italic {
font-family: "IBM Plex Sans", sans-serif;
font-weight: 700;
font-style: italic;
}
body {
background-color: var(--background);
background: linear-gradient(to right, var(--soft-lavender), var(--light-blue));
color: #fff;
/* Adjust text color accordingly */
}
.main-logo {
width: 100px;
}
p {
font-family: IBM Plex Sans !important;
}
a {
text-decoration: none;
}
.navbar {
position: fixed;
width: 100%;
}
.login-container {
background-color: #fff;
border-radius: 8px;
max-width: 400px;
width: 100%;
color: black;
margin-top: 10%;
}
/* src/components/HeroSection.css */
.hero-section {
padding: 75px 0;
height: 100vh;
}
.hero-content-container {
margin-top: 10%;
background: #fff;
color: black;
border: 2px solid #fff;
border-radius: 10px;
overflow: hidden;
display: flex;
justify-content: center;
/* Center content horizontally */
align-items: center;
/* Center content vertically */
}
.hero-content {
text-align: left;
max-width: 500px;
padding: 20px;
}
.hero-image {
flex: 1;
}
/* Rest of your styles remain unchanged */
.hero-content button {
font-size: 1.2rem;
padding: 10px 20px;
margin-top: 2em;
margin-left: auto;
/* Adjust the margin as needed */
margin-right: auto;
/* Adjust the margin as needed */
display: block;
/* Make it a block element for auto margins to work */
}
.hero-image-col {
flex: 1;
/* Allow the image to take remaining space */
}
.hero-image {
width: 300px;
}
aside {
position: fixed;
left: 0;
top: 72px;
bottom: 0px;
padding: 10px;
background-color: #212529;
width: 100px;
}
.hub-content {
margin: 0 auto 0 100px;
display: flex;
flex-direction: column;
gap: 15px, 0;
height: 100vh; /* Full viewport height */
overflow: hidden; /* Prevents content from overflowing */
}
@media screen and (max-width: 800px) {
.hub-content {
margin-left: 100px;
}
}
/* General styling for the message bar */
.message-bar {
display: flex;
align-items: center;
padding: 10px;
background-color: #212529;
border-top: 1px solid #23272a;
position: sticky;
bottom: 0;
z-index: 10;
}
/* Input field styling */
.message-input {
flex-grow: 1;
padding: 10px;
margin-right: 10px;
font-size: 16px;
border: 1px solid #40444b;
border-radius: 5px;
background-color: #40444b;
color: white;
outline: none;
}
/* Placeholder color for input */
.message-input::placeholder {
color: #b9bbbe;
}
/* Send button styling */
.send-button {
padding: 10px 15px;
font-size: 16px;
color: white;
background-color: #5865f2; /* Discord-like blue */
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.send-button:hover {
background-color: #4752c4; /* Darker shade on hover */
}
.send-button:active {
background-color: #3c45a5; /* Even darker shade on click */
}
/* Scrollable messages area */
.hub-messages {
flex-grow: 1; /* Fills remaining space */
overflow-y: auto; /* Makes this section scrollable */
display: flex;
flex-direction: column-reverse;
padding: 15px;
background-color: #36393f; /* Discord-like background */
color: #ffffff; /* Default text color */
}
/* Individual message container */
.message {
display: flex;
flex-direction: column;
padding: 8px 12px;
margin-bottom: 10px;
background-color: #2f3136; /* Slightly darker than background */
border-radius: 5px;
transition: background-color 0.2s ease;
}
/* Hover effect for messages */
.message:hover {
background-color: #3c3f45; /* Highlight on hover */
}
/* User's name styling */
.message-user {
font-weight: bold;
color: #7289da; /* Discord-like blue for usernames */
margin-bottom: 4px; /* Space between username and message */
font-size: 14px;
}
/* Message content styling */
.message-content {
color: #dcddde; /* Subtle off-white for message text */
font-size: 14px;
line-height: 1.4; /* Improve readability */
word-wrap: break-word; /* Handle long messages */
}
/* Scrollbar customization */
.hub-messages::-webkit-scrollbar {
width: 8px;
}
.hub-messages::-webkit-scrollbar-thumb {
background-color: #202225; /* Subtle scrollbar */
border-radius: 4px;
}
.hub-messages::-webkit-scrollbar-thumb:hover {
background-color: #2c2f33; /* Slightly brighter on hover */
}
/* Media queries for responsiveness */
@media (max-width: 600px) {
.hub-messages {
padding: 10px;
}
.message {
padding: 6px 10px;
}
.message-user,
.message-content {
font-size: 13px;
}
}
/* Adjustments for small screens */
@media (max-width: 800px) {
.message-bar {
padding: 8px;
}
.message-input {
font-size: 14px;
}
.send-button {
font-size: 14px;
padding: 8px 12px;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,551 @@
/*!**********************!*\
!*** ./src/index.js ***!
\**********************/
/*!*******************************!*\
!*** ./src/components/App.js ***!
\*******************************/
/*!*********************************!*\
!*** ./src/components/Login.js ***!
\*********************************/
/*!************************************!*\
!*** ./src/components/HomePage.js ***!
\************************************/
/*!*************************************!*\
!*** ./node_modules/react/index.js ***!
\*************************************/
/*!*************************************!*\
!*** ./static/images/mesa_logo.png ***!
\*************************************/
/*!**************************************!*\
!*** ./static/images/stupid_pic.png ***!
\**************************************/
/*!*****************************************!*\
!*** ./node_modules/react-dom/index.js ***!
\*****************************************/
/*!*****************************************!*\
!*** ./node_modules/scheduler/index.js ***!
\*****************************************/
/*!*****************************************!*\
!*** ./node_modules/warning/warning.js ***!
\*****************************************/
/*!*****************************************!*\
!*** ./src/components/CreateAccount.js ***!
\*****************************************/
/*!*****************************************!*\
!*** ./src/components/Defaultnavbar.js ***!
\*****************************************/
/*!******************************************!*\
!*** ./node_modules/classnames/index.js ***!
\******************************************/
/*!******************************************!*\
!*** ./node_modules/prop-types/index.js ***!
\******************************************/
/*!*******************************************!*\
!*** ./node_modules/invariant/browser.js ***!
\*******************************************/
/*!*******************************************!*\
!*** ./node_modules/react/jsx-runtime.js ***!
\*******************************************/
/*!********************************************!*\
!*** ./node_modules/prop-types/lib/has.js ***!
\********************************************/
/*!*********************************************!*\
!*** ./node_modules/dom-helpers/esm/css.js ***!
\*********************************************/
/*!*********************************************!*\
!*** ./node_modules/object-assign/index.js ***!
\*********************************************/
/*!***********************************************!*\
!*** ./node_modules/@restart/ui/esm/Modal.js ***!
\***********************************************/
/*!***********************************************!*\
!*** ./node_modules/@restart/ui/esm/utils.js ***!
\***********************************************/
/*!************************************************!*\
!*** ./node_modules/@restart/ui/esm/Button.js ***!
\************************************************/
/*!************************************************!*\
!*** ./node_modules/dom-helpers/esm/listen.js ***!
\************************************************/
/*!*************************************************!*\
!*** ./node_modules/@restart/ui/esm/DataKey.js ***!
\*************************************************/
/*!*************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Col.js ***!
\*************************************************/
/*!*************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Row.js ***!
\*************************************************/
/*!*************************************************!*\
!*** ./node_modules/react-router/dist/index.js ***!
\*************************************************/
/*!*************************************************!*\
!*** ./src/components/MainScreen/MainScreen.js ***!
\*************************************************/
/*!**************************************************!*\
!*** ./node_modules/dom-helpers/esm/addClass.js ***!
\**************************************************/
/*!**************************************************!*\
!*** ./node_modules/dom-helpers/esm/contains.js ***!
\**************************************************/
/*!**************************************************!*\
!*** ./node_modules/dom-helpers/esm/hasClass.js ***!
\**************************************************/
/*!**************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Fade.js ***!
\**************************************************/
/*!**************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Form.js ***!
\**************************************************/
/*!***************************************************!*\
!*** ./node_modules/@restart/ui/esm/useWindow.js ***!
\***************************************************/
/*!***************************************************!*\
!*** ./node_modules/dom-helpers/esm/canUseDOM.js ***!
\***************************************************/
/*!***************************************************!*\
!*** ./node_modules/dom-helpers/esm/hyphenate.js ***!
\***************************************************/
/*!***************************************************!*\
!*** ./node_modules/js-cookie/dist/js.cookie.mjs ***!
\***************************************************/
/*!***************************************************!*\
!*** ./node_modules/prop-types/checkPropTypes.js ***!
\***************************************************/
/*!****************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Button.js ***!
\****************************************************/
/*!****************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Navbar.js ***!
\****************************************************/
/*!****************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Switch.js ***!
\****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/dom-helpers/esm/isTransform.js ***!
\*****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/dom-helpers/esm/ownerWindow.js ***!
\*****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/dom-helpers/esm/removeClass.js ***!
\*****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/react-router-dom/dist/index.js ***!
\*****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/react/cjs/react.development.js ***!
\*****************************************************/
/*!*****************************************************!*\
!*** ./node_modules/uncontrollable/lib/esm/hook.js ***!
\*****************************************************/
/*!*****************************************************!*\
!*** ./src/components/MainScreen/testmainscreen.js ***!
\*****************************************************/
/*!******************************************************!*\
!*** ./node_modules/@restart/ui/esm/ModalManager.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/dom-helpers/esm/triggerEvent.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Collapse.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Feedback.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormText.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/uncontrollable/lib/esm/index.js ***!
\******************************************************/
/*!******************************************************!*\
!*** ./node_modules/uncontrollable/lib/esm/utils.js ***!
\******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/@remix-run/router/dist/router.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/@restart/ui/esm/RTGTransition.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/dom-helpers/esm/activeElement.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/dom-helpers/esm/ownerDocument.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/dom-helpers/esm/transitionEnd.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Container.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormCheck.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormGroup.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormLabel.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormRange.js ***!
\*******************************************************/
/*!*******************************************************!*\
!*** ./node_modules/react-bootstrap/esm/Offcanvas.js ***!
\*******************************************************/
/*!********************************************************!*\
!*** ./node_modules/@restart/ui/esm/NoopTransition.js ***!
\********************************************************/
/*!********************************************************!*\
!*** ./node_modules/dom-helpers/esm/hyphenateStyle.js ***!
\********************************************************/
/*!********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormSelect.js ***!
\********************************************************/
/*!********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/NavbarText.js ***!
\********************************************************/
/*!*********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/CloseButton.js ***!
\*********************************************************/
/*!*********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormContext.js ***!
\*********************************************************/
/*!*********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormControl.js ***!
\*********************************************************/
/*!*********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/NavbarBrand.js ***!
\*********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/@restart/hooks/esm/useBreakpoint.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/@restart/hooks/esm/useMediaQuery.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/@restart/hooks/esm/useMergedRefs.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/@restart/ui/esm/useWaitForDOMRef.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/dom-helpers/esm/addEventListener.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/dom-helpers/esm/getComputedStyle.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/dom-helpers/esm/querySelectorAll.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormFloating.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/ModalContext.js ***!
\**********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/NavbarToggle.js ***!
\**********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/@restart/ui/esm/SelectableContext.js ***!
\***********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/@restart/ui/esm/getScrollbarWidth.js ***!
\***********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FloatingLabel.js ***!
\***********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/NavbarContext.js ***!
\***********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/OffcanvasBody.js ***!
\***********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/react-bootstrap/esm/ThemeProvider.js ***!
\***********************************************************/
/*!***********************************************************!*\
!*** ./node_modules/react-transition-group/esm/config.js ***!
\***********************************************************/
/*!************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
\************************************************************/
/*!************************************************************!*\
!*** ./node_modules/@restart/hooks/esm/useCommittedRef.js ***!
\************************************************************/
/*!************************************************************!*\
!*** ./node_modules/prop-types/factoryWithTypeCheckers.js ***!
\************************************************************/
/*!************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormCheckInput.js ***!
\************************************************************/
/*!************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/FormCheckLabel.js ***!
\************************************************************/
/*!************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/NavbarCollapse.js ***!
\************************************************************/
/*!************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/OffcanvasTitle.js ***!
\************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/@restart/hooks/esm/useEventCallback.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/dom-helpers/esm/removeEventListener.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/ElementChildren.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/NavbarOffcanvas.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/OffcanvasHeader.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/safeFindDOMNode.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/react-dom/cjs/react-dom.development.js ***!
\*************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/scheduler/cjs/scheduler.development.js ***!
\*************************************************************/
/*!**************************************************************!*\
!*** ./node_modules/@restart/ui/esm/ImperativeTransition.js ***!
\**************************************************************/
/*!**************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/divWithClassName.js ***!
\**************************************************************/
/*!***************************************************************!*\
!*** ./node_modules/@restart/ui/esm/useRTGTransitionProps.js ***!
\***************************************************************/
/*!***************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/OffcanvasToggling.js ***!
\***************************************************************/
/*!***************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/TransitionWrapper.js ***!
\***************************************************************/
/*!***************************************************************!*\
!*** ./node_modules/react-transition-group/esm/Transition.js ***!
\***************************************************************/
/*!***************************************************************!*\
!*** ./node_modules/uncontrollable/lib/esm/uncontrollable.js ***!
\***************************************************************/
/*!****************************************************************!*\
!*** ./node_modules/@restart/hooks/esm/useIsomorphicEffect.js ***!
\****************************************************************/
/*!****************************************************************!*\
!*** ./node_modules/prop-types/node_modules/react-is/index.js ***!
\****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/AbstractModalHeader.js ***!
\*****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/react-transition-group/esm/utils/reflow.js ***!
\*****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
\*****************************************************************/
/*!******************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***!
\******************************************************************/
/*!******************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/triggerBrowserReflow.js ***!
\******************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js ***!
\*******************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/BootstrapModalManager.js ***!
\*******************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/createChainedFunction.js ***!
\*******************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/react-bootstrap/esm/transitionEndListener.js ***!
\*******************************************************************/
/*!********************************************************************!*\
!*** ./node_modules/react-transition-group/esm/utils/PropTypes.js ***!
\********************************************************************/
/*!***************************************************************************!*\
!*** ./node_modules/react-transition-group/esm/TransitionGroupContext.js ***!
\***************************************************************************/
/*!****************************************************************************!*\
!*** ./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js ***!
\****************************************************************************/
/*!********************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useMounted.js ***!
\********************************************************************************/
/*!*********************************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***!
\*********************************************************************************/
/*!*********************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/usePrevious.js ***!
\*********************************************************************************/
/*!***********************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useMergedRefs.js ***!
\***********************************************************************************/
/*!***********************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useUpdatedRef.js ***!
\***********************************************************************************/
/*!***********************************************************************************!*\
!*** ./node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js ***!
\***********************************************************************************/
/*!************************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useWillUnmount.js ***!
\************************************************************************************/
/*!*************************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useCommittedRef.js ***!
\*************************************************************************************/
/*!**************************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useEventCallback.js ***!
\**************************************************************************************/
/*!*****************************************************************************************!*\
!*** ./node_modules/@restart/ui/node_modules/@restart/hooks/esm/useIsomorphicEffect.js ***!
\*****************************************************************************************/

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB