First commit

application/demo/leftSide/leftSide.js

@@ -0,0 +1,179 @@
+
+
+import button						from '/elements/button.js';
+
+import newsButton					from './leftSide.button.news.js';
+
+import settingsButton				from './leftSide.button.settings.js';
+
+import signinButton					from './leftSide.button.signin.js';
+
+import signupButton					from './leftSide.button.signup.js';
+
+import signoutButton				from './leftSide.button.signout.js';
+
+import fileManagerButton			from './leftSide.button.fileManager.js';
+
+import animationsButton				from './leftSide.button.animations.js';
+
+import usersButton					from './leftSide.button.users.js';
+
+import gridButton					from './leftSide.button.grid.js';
+
+import menuHeader					from './leftSide.header.js';
+
+
+
+export default class leftSide{
+
+	state				= "visible";
+
+	boxOverflow			= "hidden";
+
+	boxTransition		= "0.3S";
+
+	#ifdef ANDROID
+
+		boxHeight			= "100vh";
+
+	#else
+
+		boxHeight			= "";
+
+	#endif
+
+	boxWidth			= 220;
+
+	width				= 220;
+
+	flexDirection		= "column";
+
+	//borderRight		= "1px solid #3D3D3D"
+	paddingTop			= 30;
+
+	//minHeight			= "40vh"
+
+	header				= new menuHeader();
+
+	#ifdef ANDROID
+
+		height		= "100vh";
+
+		paddingTop	= "";
+
+		boxWidth	= "100vw";
+
+		width		= "100vw";
+
+		#ifdef LIGHT
+
+			boxBackground		= "#f2f2f2";
+
+			//background			= "white";
+
+		#endif
+
+
+	#endif
+
+	#ifdef WINDOWS
+
+		paddingLeft		= 4;
+
+		paddingRight	= 4;
+
+		#ifdef DARK
+
+			background			= "#202020cc";
+
+			color				= "white"
+
+			borderRight			= "1px solid black"
+
+			fontWeight			= "500";
+
+		#endif 
+
+		#ifdef LIGHT
+
+			background			= "rgb(255 255 255 / 75%)";
+
+			color				= "black";
+
+
+			fontWeight			= "200";
+
+		#endif
+	#endif
+
+	#ifdef MACOS
+
+		paddingTop			= 40;
+
+		paddingLeft			= 20;
+
+
+		#ifdef DARK
+
+			background		= "rgb(40 22 22 / 75%)";
+
+			color			= "white"
+
+			borderRight		= "1px solid black"
+
+			fontWeight			= "bold";
+
+		#endif 
+
+		#ifdef LIGHT
+
+			background		= "rgb(255 255 255 / 75%)";
+
+			color			= "black";
+
+
+			fontWeight			= "200";
+
+		#endif
+
+	#endif
+
+	render() {
+
+
+
+	}
+
+	//opacity			= "90%";
+
+	//backdropFilter	= "blur(20px)";
+
+	borderTopLeftRadius			= 8;
+
+	borderBottomLeftRadius		= 8;
+
+	borderTopLeftRadius			= "12px";
+
+	borderBottomLeftRadius		= "12px";
+
+ 
+
+	newsButton			= new newsButton();
+
+	settingsButton		= new settingsButton();
+
+	usersButton			= new usersButton();
+
+	signinButton		= new signinButton();
+
+	signoutButton		= new signoutButton();
+
+	signupButton		= new signupButton();
+
+	animationsButton	= new animationsButton();
+
+	gridButton			= new gridButton();
+
+	fileManagerButton	= new fileManagerButton();
+
+}