Stage Commit

nooobcoder · nooobcoder · commit 9cdd42b58ffe · 2021-06-22T15:16:12.000Z
diff --git a/html/bloglist/css/bloglist.css b/html/bloglist/css/bloglist.css
@@ -29,14 +29,13 @@ body {
 	margin-bottom: 15px;
 	align-items: center;
 	flex-direction: row;
-
 	justify-content: space-evenly;
 }
 
 .blog_card {
 	display: block;
 	margin: 0px 50px;
-	max-height: 300px;
+	max-height: 250px;
 	overflow: auto;
 	box-shadow: -7px 8px 15px -2px #cd8212;
 	-webkit-box-shadow: -7px 8px 15px -2px #cd8212;
@@ -51,6 +50,7 @@ table .author_name {
 	border-bottom-left-radius: 10px;
 	font-weight: 600;
 	text-align: center;
+	max-width: 30px;
 }
 
 table {
@@ -60,12 +60,22 @@ table {
 }
 
 table .cardcontent {
-	padding: 10px;
+	padding: 5px 10px;
 	font-size: 13px;
 	text-align: justify;
 	text-justify: inter-word;
 }
+.cardcontent::-webkit-scrollbar {
+	display: none;
+}
+.cardcontent {
+	overflow: auto;
 
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 4; /* number of lines to show */
+	-webkit-box-orient: vertical;
+}
 table i {
 	cursor: pointer;
 	padding-right: 20px;
diff --git a/index.html b/index.html
@@ -20,6 +20,7 @@
 		/>
 	</head>
 	<body>
+		<!-- Website Header -->
 		<header id="header">
 			<div id="logo_container">
 				<div id="header_logo">ScriBBler</div>
@@ -43,7 +44,10 @@
 					<h2>Get Started</h2>
 					<hr />
 				</div>
-				<form action="POST">
+				<form
+					action="GET"
+					onsubmit="window.alert('Submitted'); event.preventDefault();"
+				>
 					<div class="input_container">
 						<div>
 							<label for="full_name">Full Name</label>
@@ -111,7 +115,10 @@ <h2>Welcome Back!</h2>
 					<hr />
 				</div>
 
-				<form action="POST">
+				<form
+					action="GET"
+					onsubmit="window.alert('Submitted'); event.preventDefault();"
+				>
 					<div class="input_container">
 						<div>
 							<label for="signin_user_name">Username</label>
@@ -156,7 +163,10 @@ <h2>Welcome Back!</h2>
 					<h2>Pen Your Post</h2>
 				</div>
 
-				<form action="POST">
+				<form
+					action="GET"
+					onsubmit="window.alert('Submitted'); event.preventDefault();"
+				>
 					<div class="input_container">
 						<div>
 							<label for="compose_post_title">Title:</label>
@@ -186,6 +196,7 @@ <h2>Pen Your Post</h2>
 			</div>
 		</div>
 
+		<!-- Central Components to compose and view all posts -->
 		<div id="container">
 			<div class="button_container">
 				<button
@@ -194,7 +205,11 @@ <h2>Pen Your Post</h2>
 				>
 					All Posts
 				</button>
-				<button id="btn_create_post" onclick="showComposePostModal()">
+				<button
+					id="btn_create_post"
+					onsubmit=""
+					onclick="showComposePostModal()"
+				>
 					Create Post
 				</button>
 			</div>
