Commit 6b283e3e authored by Ravalisri Vasam's avatar Ravalisri Vasam
Browse files

Merge branch 'master-merge' into 'master'

Master merge request

See merge request !15
parents 47c4b84b 7f280b68
Pipeline #38130 passed with stage
in 8 seconds
node_modules
I
\ No newline at end of file
......@@ -23,3 +23,5 @@ app.use("/", indexRoute);
app.listen((process.env.PORT || 7018), function () {
console.log("The Server Has Started! at port 7018");
});
module.exports = app
This diff is collapsed.
* {
box-sizing: border-box;
}
body {
font-family: 'Lato', 'sans-serif';
font-weight: 400;
}
a {
text-decoration: none;
}
.info-text {
text-align: left;
width: 100%;
}
header, form {
padding: 4em 10%;
}
.form-group {
margin-bottom: 20px;
}
h2.heading {
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
text-align: left;
color: #506982;
border-bottom: 1px solid #506982;
padding-bottom: 3px;
margin-bottom: 20px;
}
.controls {
text-align: left;
position: relative;
}
.controls input[type="text"], .controls input[type="email"], .controls input[type="number"], .controls input[type="date"], .controls input[type="tel"], .controls textarea, .controls button, .controls select {
padding: 12px;
font-size: 14px;
border: 1px solid #c6c6c6;
width: 100%;
margin-bottom: 18px;
color: #888;
font-family: 'Lato', 'sans-serif';
font-size: 16px;
font-weight: 300;
border-radius: 2px;
transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="email"]:focus, .controls input[type="number"]:focus, .controls input[type="date"]:focus, .controls input[type="tel"]:focus, .controls textarea:focus, .controls button:focus, .controls select:focus, .controls input[type="text"]:hover, .controls input[type="email"]:hover, .controls input[type="number"]:hover, .controls input[type="date"]:hover, .controls input[type="tel"]:hover, .controls textarea:hover, .controls button:hover, .controls select:hover {
outline: none;
border-color: #9fb1c1;
}
.controls input[type="text"]:focus + label, .controls input[type="email"]:focus + label, .controls input[type="number"]:focus + label, .controls input[type="date"]:focus + label, .controls input[type="tel"]:focus + label, .controls textarea:focus + label, .controls button:focus + label, .controls select:focus + label, .controls input[type="text"]:hover + label, .controls input[type="email"]:hover + label, .controls input[type="number"]:hover + label, .controls input[type="date"]:hover + label, .controls input[type="tel"]:hover + label, .controls textarea:hover + label, .controls button:hover + label, .controls select:hover + label {
color: #bdcc00;
cursor: text;
}
.controls .fa-sort {
position: absolute;
right: 10px;
top: 17px;
color: #999;
}
.controls select {
appearance: none;
cursor: pointer;
}
.controls label {
position: absolute;
left: 8px;
top: 12px;
width: 60%;
color: #999;
font-size: 16px;
display: inline-block;
padding: 4px 10px;
font-weight: 400;
background-color: rgba(255, 255, 255, 0);
transition: color 0.3s, top 0.3s, background-color 0.8s;
background-color: rgba(255, 255, 255, 1);
}
.controls label.active {
top: -11px;
color: #555;
background-color: rgba(255, 255, 255, 1);
width: auto;
}
.controls textarea {
resize: none;
height: 200px;
}
button {
cursor: pointer;
background-color: #1b3d4d;
border: none;
color: #fff;
padding: 12px 0;
float: right;
}
button:hover {
background-color: #224c60;
}
.clear:after {
content: "";
display: table;
clear: both;
}
.grid {
background: white;
}
.grid:after {
/* Or @extend clearfix */
content: "";
display: table;
clear: both;
}
[class*='col-'] {
float: left;
padding-right: 10px;
}
.grid [class*='col-']:last-of-type {
padding-right: 0;
}
.col-2-3 {
width: 66.66%;
}
.col-1-3 {
width: 33.33%;
}
.col-1-2 {
width: 50%;
}
.col-1-4 {
width: 25%;
}
@media (max-width: 760px) {
.col-1-4-sm, .col-1-3, .col-2-3 {
width: 100%;
}
[class*='col-'] {
padding-right: 0px;
}
}
.col-1-8 {
width: 12.5%;
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color: black;
}
* {
@import url('https://fonts.googleapis.com/css2?family=Poppins:[email protected];300;400;500;600;700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins',sans-serif;
}
body{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
background-image: url('https://images.unsplash.com/photo-1521218040446-6365be66a028?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60');
/* Add padding to containers */
.container {
padding: 16px;
background-color: white;
}
.container{
max-width: 700px;
width: 100%;
background-image: url('https://images.unsplash.com/photo-1521218040446-6365be66a028?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60');
/* Full-width input fields */
input[type=text], input[type=password], input[type=tell] {
width: 50%;
padding: 15px;
margin: 5px 0px 22px 0px;
display: inline-block;
border: none;
background: #f1f1f1;
padding: 25px 30px;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
input[type=text]:focus, input[type=password]:focus, input[type=tell]:focus {
background-color: #ddd;
outline: none;
.container .title{
font-size: 25px;
font-weight: 500;
position: relative;
}
select{
width: 50%;
padding: 10px;
.container .title::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 30px;
border-radius: 5px;
background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
/* Overwrite default styles of hr */
hr {
border: 1px solid green;
margin-bottom: 25px;
.content form .user-details{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 12px 0;
}
/* Set a style for the submit button */
.registerbtn {
background-color: #f44336;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 10%;
opacity: 0.9;
form .user-details .input-box{
margin-bottom: 15px;
width: calc(100% / 2 - 20px);
}
.registerbtn:hover {
opacity: 1;
form .input-box span.details{
display: block;
font-weight: 500;
margin-bottom: 5px;
}
/* Add a blue text color to links */
a {
color: dodgerblue;
.user-details .input-box input{
height: 45px;
width: 100%;
outline: none;
font-size: 16px;
border-radius: 5px;
padding-left: 15px;
border: 1px solid #ccc;
border-bottom-width: 2px;
transition: all 0.3s ease;
}
/* Set a grey background color and center the text of the "sign in" section */
.signin {
background-color: #f1f1f1;
text-align: center;
.user-details .input-box input:focus,
.user-details .input-box input:valid{
border-color: #9b59b6;
}
div
{
padding:70px 75px 80px;
background-image: url('https://images.unsplash.com/photo-1521218040446-6365be66a028?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60');
opacity: 1;
background-size: cover;
height: 100%;
form .category{
display: flex;
width: 80%;
margin: 14px 0 ;
justify-content: space-between;
}
form .category label{
display: flex;
align-items: center;
cursor: pointer;
}
form .category label .dot{
height: 18px;
width: 18px;
border-radius: 50%;
margin-right: 10px;
background: #d9d9d9;
border: 5px solid transparent;
transition: all 0.3s ease;
}
#dot-1:checked ~ .category label .one,
#dot-2:checked ~ .category label .two,
#dot-3:checked ~ .category label .three{
background: #9b59b6;
border-color: #d9d9d9;
}
form input[type="radio"]{
display: none;
}
form .button{
height: 45px;
margin: 35px 0
}
form .button input{
height: 100%;
width: 100%;
border-radius: 5px;
border: none;
color: red;
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s ease;
background color: #ffaa00;
}
form .button input:hover{
/* transform: scale(0.99); */
background: linear-gradient(-135deg, #71b7e6, #9b59b6);
}
@media(max-width: 584px){
.container{
max-width: 100%;
}
form .user-details .input-box{
margin-bottom: 15px;
width: 100%;
}
form .category{
width: 100%;
}
.content form .user-details{
max-height: 300px;
overflow-y: scroll;
}
.user-details::-webkit-scrollbar{
width: 5px;
}
}
@media(max-width: 459px){
.container .content .category{
flex-direction: column;
}
}
}
\ No newline at end of file
This diff is collapsed.
......@@ -54,6 +54,7 @@ li.dropdown {
.dropdown:hover .dropdown-content {
display: block;
position: relative;
}
......
html {
font-size: 20px;
}
* body {
height: 100%;
font-family: Verdana, Geneva, Tahoma, sans-serif, sans-serif;
font-size: 20px;
}
nav {
width: 100%;
height: 50px;
background-color: black;
display: inline-block;
border-bottom: 1px solid #eaeaeb;
}
#nav_title {
color: white;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-size: 20px;
line-height: 50px;
}
nav li.dropdown {
margin-right: 0;
display: inline-block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
nav .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 60px;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
nav a {
font-size: 15px;
color: white;
text-decoration: none;
}
nav a:hover {
color: black;
-webkit-transition: 0.5s;
transition: 0.5s;
}
nav .dropdown-content a {
color: black;
text-decoration: none;
display: block;
text-align: center;
}
nav .dropdown:hover .dropdown-content {
display: block;
}
nav .active {
color: white;
}
nav .noactive {
color: rgba(255, 255, 255, 0.6);
}
nav .noactive:hover {
color: white;
}
#logo {
background-image: url("https://1.bp.blogspot.com/-l8IAJUh3F-c/XP1Av6Jv0CI/AAAAAAAAXVI/DZMZyC_aR0EC0hqf9A2mgcHP2tQb4MkZQCLcBGAs/s320/farmer.png.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
float: left;
height: 90%;
aspect-ratio: 1/1;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 0px 10px;
}
#menu {
display: none;
}
#menu_label {
display: none;
font-size: 1.4em;
float: right;
}
@media (max-width: 700px) {
#menu_label {
display: block;
}
.ul {
clear: right;
position: fixed;
z-index: -2;
display: none;
right: -100%;
background-color: #7a7af8;
margin-right: 0px;
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
#ul2 {
clear: right;
position: fixed;
z-index: -2;
display: none;
right: -100%;
background-color: #7a7af8;
margin-right: 0px;
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
.li {
display: block;
width: 100vw;
margin-right: 0px;
text-align: center;
}
.dropdown-content {
display: block;
position: relative;
}
#menu:checked ~ ul ul.ul {
position: relative;
margin-right: 0;
display: block;
z-index: 9;
top: 0;
right: 0;
}
#menu:checked ~ ul ul#ul2 {
position: relative;
display: block;
margin-right: 0;
z-index: 9;
top: 0;
}
.dropdown-content {
width: 100vw;
}
}
nav ul {
display: inline;
}
nav .ul {
font-family: Verdana, Geneva, Tahoma, sans-serif, sans-serif;
color: #2f00ff;
margin-right: 10px;
line-height: 50px;
list-style: none;
}
nav .li {
display: inline-block;
border-radius: 3px;
margin-right: 10px;
}
/* Add a gray background color and some padding to the footer */
img {
vertical-align: middle;
}
.intro {
float: left;
margin: 5px 15px;
color: white;
}
\ No newline at end of file
const contents = {
categories: [
"Paddy",
"Wheat",
"Cotton",
"Potato",
"Chilli",
"Onion",
"Milltes",
"Grains",
"SugarCane",
],
imagelinks: [
"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTdA8020hI-yocEX6ELdLbFr2uSGqOn0dLNqV4g2SO6dS7Q0EArX8LbcWFXyUO7-39d6q0&usqp=CAU",
"https://images.firstpost.com/wp-content/uploads/2019/03/Sugarcane_BoiVoice.jpg",
"https://images.unsplash.com/photo-1551754655-cd27e38d2076?ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8Y29ybnxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80",
"https://www.orfonline.org/wp-content/uploads/2015/12/150905-Onion-prices-and-Indian-politics-1280x720.jpg",
"https://www.orfonline.org/wp-content/uploads/2015/12/150905-Onion-prices-and-Indian-politics-1280x720.jpg",
],
specificproductpage: [
"/product_details"
],
names: ["Rice", "SugarCane", "Corn", "Onion", "Onion2"],
dates: ["26/10/2020", "01/02/2021", "02/02/2021", "04/06/2021", "05/06/2021"],
rating: ["4.6", "4.5", "4.2", "4.4"],
price: [
"1700(per quintal)",
"200(per kg)",
"20(per piece)",
"50(per kg)",
"51(per kg",
],
Paddy: ["Basmathi", "Swarna", "Sona"],
SugarCane: ["green", "red"],
Potato: ["Sweet", "Hard"],
};
contents.categories.forEach(function (mov, ind) {
let html = `
<li class="innerlistx">