Athira.V.Ajit Athira2199

## ejsnavPartial
<!-- navabar sample bootstrap-->
<header>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item active">

## ejsfooterPartials
<!-- footer sample bootstrap-->
<footer class="footer">
  <div class="container">
    <span class="text-muted">Place sticky footer content here.</span>
  </div>
</footer>

## ejsIndex
<html>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Trying out partials in ejs</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <body>
      <%- include('navbar.ejs') %>
      <main role="main" class="container">
        What is Lorem Ipsum?
        Lorem Ipsum is simply dummy text of the printing and typesetting industry.

## Carousel ReactJs
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel }from 'react-responsive-carousel';
import FadeIn from 'react-fade-in';
function Popup() {
    return(
    <FadeIn>
        <Carousel showArrows={true} showThumbs={false} selectedItem={2}> {/* keeping current slide with arrows shown thumbs hidden */}
            <div>
                <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg" />
                <p className="legend">Legend 1</p>

## timeLapsed
const timeLapsedSince = (createdOn)=>{
  let lapsedTime = new Date().getTime()-new Date(createdOn).getTime()  // time in milliseconds
  // time in days
  let timeInDays = lapsedTime(86400 * 1000)
}

## kanban.svg

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                Athira2199
                / kanban.svg
            
            
              Last active
              January 11, 2021 11:18
            
          
        Loading

      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## kanban-changed.svg

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                Athira2199
                / kanban-changed.svg
            
            
              Last active
              January 11, 2021 11:19
            
          
        Loading

      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## kanban.css
.line{
    animation: line-length 3s ease-in-out infinite;
}
#hand-boy,#hand-note-boy{
    animation:  rotate 3s ease-in-out infinite;
}
@keyframes line-length{
    0%{
        transform : translate(-90.21711px,-178.25098px);
        opacity: 0.1;

## userSchema
const mongoose = require('mongoose')
var bcrypt= require('bcrypt')
const UserSchema=mongoose.Schema({
    name : {
        type : String
    },
    password : : {
        type : String
    }
})

## methodsExample
const user = new User({
        name,
        password
})
await user.generatePassword()
/* we can write as many method functions in between as well*/
await user.save()
	<!-- navabar sample bootstrap-->
	<header>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
	<a class="navbar-brand" href="#">Navbar</a>
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
	<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarNav">
	<ul class="navbar-nav">
	<li class="nav-item active">
	<!-- footer sample bootstrap-->
	<footer class="footer">
	<div class="container">
	<span class="text-muted">Place sticky footer content here.</span>
	</div>
	</footer>
	<html>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Trying out partials in ejs</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<body>
	<%- include('navbar.ejs') %>
	<main role="main" class="container">
	What is Lorem Ipsum?
	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	import "react-responsive-carousel/lib/styles/carousel.min.css";
	import { Carousel }from 'react-responsive-carousel';
	import FadeIn from 'react-fade-in';
	function Popup() {
	return(
	<FadeIn>
	<Carousel showArrows={true} showThumbs={false} selectedItem={2}> {/* keeping current slide with arrows shown thumbs hidden */}
	<div>
	<img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg" />
	<p className="legend">Legend 1</p>
	const timeLapsedSince = (createdOn)=>{
	let lapsedTime = new Date().getTime()-new Date(createdOn).getTime() // time in milliseconds
	// time in days
	let timeInDays = lapsedTime(86400 * 1000)
	}
	.line{
	animation: line-length 3s ease-in-out infinite;
	}
	#hand-boy,#hand-note-boy{
	animation: rotate 3s ease-in-out infinite;
	}
	@keyframes line-length{
	0%{
	transform : translate(-90.21711px,-178.25098px);
	opacity: 0.1;
	const mongoose = require('mongoose')
	var bcrypt= require('bcrypt')
	const UserSchema=mongoose.Schema({
	name : {
	type : String
	},
	password : : {
	type : String
	}
	})
	const user = new User({
	name,
	password
	})
	await user.generatePassword()
	/* we can write as many method functions in between as well*/
	await user.save()