RanchiMall/flo-greeting-cards
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling the website and pdf, happy bday images loaded

Browse Source
This commit is contained in:
Abhishek Sinha 2018-08-02 14:36:08 +05:30
parent aa548d89ac
commit a71d5a850f
26 changed files with 251 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/carousel.css
View File

@ -24,7 +24,7 @@ body {
/* Declare heights because of positioning of img element */
.carousel-item {
height: 32rem;
height: 38rem;
background-color: #777;
}
.carousel-item > img {
@ -32,7 +32,7 @@ body {
top: 0;
left: 0;
min-width: 100%;
height: 32rem;
height: 38rem;
}

9
public/css/main.css
View File

@ -0,0 +1,9 @@
img {
max-height: 1000px;
max-width: 800px;
}
.mt-5 {
margin-top: 5rem;
}

BIN
public/images/diwali3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 223 KiB

BIN
public/images/hbd10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 680 KiB

BIN
public/images/hbd11.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 325 KiB

BIN
public/images/hbd12.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 KiB

BIN
public/images/hbd13.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 357 KiB

BIN
public/images/hbd14.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 339 KiB

BIN
public/images/hbd15.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 315 KiB

BIN
public/images/hbd3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 KiB

BIN
public/images/hbd4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 229 KiB

BIN
public/images/hbd5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 270 KiB

BIN
public/images/hbd6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 274 KiB

BIN
public/images/hbd7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB

BIN
public/images/hbd8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 255 KiB

BIN
public/images/hbd9.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 439 KiB

BIN
public/images/hny1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB

BIN
public/images/xmas.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 440 KiB

14
routes.js
View File

@ -72,18 +72,16 @@ router.post('/write', [
var amount = 1;
try {
client.sendToAddress(toaddress, amount, "Greetings App", "REBC Greetigs App", false, false, 1, 'UNSET', txComment)
.then((txnid) => {
console.log(txnid)
res.json({"error":false, "txnid":txnid, "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
});
//res.json({"error":false, "txnid":"TXIDKJKLGJLKSJLKGJSKJGK", "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
// client.sendToAddress(toaddress, amount, "Greetings App", "REBC Greetigs App", false, false, 1, 'UNSET', txComment)
// .then((txnid) => {
// console.log(txnid)
// res.json({"error":false, "txnid":txnid, "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
// });
res.json({"error":false, "txnid":"TXIDKJKLGJLKSJLKGJSKJGK", "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
}catch(err){
console.log("Unable to send FLO." + err.message);
}
//res.json({"error":true, "txnid":null, "card_id":null, "user_msg":null})
}
)

55
views/bithday-cards.ejs
View File

@ -1,3 +1,56 @@
<% include partials/header.ejs %>
<h1>BithDay Carfds</h1>
<div class="container mt-5">
<div class="card-columns">
<div class="card">
<a href="/write/hbd"><img class="card-img" src="/images/hbd.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd2"><img class="card-img" src="/images/hbd2.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd3"><img class="card-img" src="/images/hbd3.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd4"><img class="card-img" src="/images/hbd4.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd5"><img class="card-img" src="/images/hbd5.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd6"><img class="card-img" src="/images/hbd6.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd7"><img class="card-img" src="/images/hbd7.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd8"><img class="card-img" src="/images/hbd8.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd9"><img class="card-img" src="/images/hbd9.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd10"><img class="card-img" src="/images/hbd10.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd11"><img class="card-img" src="/images/hbd11.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd12"><img class="card-img" src="/images/hbd12.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd13"><img class="card-img" src="/images/hbd13.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd14"><img class="card-img" src="/images/hbd14.jpg" alt="Card image"></a>
</div>
<div class="card">
<a href="/write/hbd15"><img class="card-img" src="/images/hbd15.jpg" alt="Card image"></a>
</div>
</div>
</div>
<% include partials/footer.ejs %>

40
views/christmas-cards.ejs
View File

@ -1,3 +1,41 @@
<% include partials/header.ejs %>
<h1>XMAS Carfds</h1>
<div class="container mt-5">
<div class="card-columns">
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
</div>
</div>
<% include partials/footer.ejs %>

40
views/diwali-cards.ejs
View File

@ -1,3 +1,41 @@
<% include partials/header.ejs %>
<h1>Diwali Carfds</h1>
<div class="container mt-5">
<div class="card-columns">
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
</div>
</div>
<% include partials/footer.ejs %>

62
views/index.ejs
View File

@ -1,6 +1,64 @@
<% include partials/header.ejs %>
<!--Carousel starts-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="first-slide" src="/images/hbd3.jpg" alt="First slide">
<div class="container">
<div class="carousel-caption">
<h1>HAPPY BIRTHDAY WISHES.</h1>
<p>Gift FLOs to your loved ones on their birthday with our Birthday card generator app below. Select from hundreds of cards and make your gift the most unique. </p>
<p><a class="btn btn-lg btn-primary" href="/bithday-cards" role="button">See all the cards</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="/images/diwali3.jpg" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<h1>HAPPY DIWALI.</h1>
<p>Wish your loved ones a very happy Diwali by gifting them Ranchi Mall FLO Diwali cards.</p>
<p><a class="btn btn-lg btn-primary" href="/diwali-cards" role="button">Show the Diwali cards</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="/images/xmas.jpg" alt="Third slide">
<div class="container">
<div class="carousel-caption">
<h1>Merry Christmas</h1>
<p>Wish Merry Christmas to your friends, family and gift them Ranchi Mall FLO Merry Christmas Cards.</p>
<p><a class="btn btn-lg btn-primary" href="/christmas-cards" role="button">Browse gallery</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="/images/hny1.jpg" alt="Fourth slide">
<div class="container">
<div class="carousel-caption">
<h1>Happy New Year</h1>
<p>Wish Happy New Year to your friends, family in a unique fashion this year and gift them Ranchi Mall FLO Happy New Year Cards.</p>
<p><a class="btn btn-lg btn-primary" href="/new-year-cards" role="button">Browse gallery</a></p>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--Carousel ends-->
<div class="container marketing">

40
views/new-year-cards.ejs
View File

@ -1,3 +1,41 @@
<% include partials/header.ejs %>
<h1>Hapyy New Year Carfds</h1>
<div class="container mt-5">
<div class="card-columns">
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
<div class="card">
<img class="card-img" src="" alt="Card image">
</div>
</div>
</div>
<% include partials/footer.ejs %>

60
views/partials/header.ejs
View File

@ -10,6 +10,7 @@
<!-- Custom styles for this template -->
<link href="/css/carousel.css" rel="stylesheet">
<link href="/css/main.css" rel="stylesheet">
<title><%=title%></title>
</head>
@ -48,62 +49,3 @@
</header>
<main role="main">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
<div class="container">
<div class="carousel-caption">
<h1>HAPPY BIRTHDAY WISHES.</h1>
<p>Gift FLOs to your loved ones on their birthday with our Birthday card generator app below. Select from hundreds of cards and make your gift the most unique. </p>
<p><a class="btn btn-lg btn-primary" href="/bithday-cards" role="button">See all the cards</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<h1>HAPPY DIWALI.</h1>
<p>Wish your loved ones a very happy Diwali by gifting them Ranchi Mall FLO Diwali cards.</p>
<p><a class="btn btn-lg btn-primary" href="/diwali-cards" role="button">Show the Diwali cards</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
<div class="container">
<div class="carousel-caption">
<h1>Merry Christmas</h1>
<p>Wish Merry Christmas to your friends, family and gift them Ranchi Mall FLO Merry Christmas Cards.</p>
<p><a class="btn btn-lg btn-primary" href="/christmas-cards" role="button">Browse gallery</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Fourth slide">
<div class="container">
<div class="carousel-caption">
<h1>Happy New Year</h1>
<p>Wish Happy New Year to your friends, family in a unique fashion this year and gift them Ranchi Mall FLO Happy New Year Cards.</p>
<p><a class="btn btn-lg btn-primary" href="/new-year-cards" role="button">Browse gallery</a></p>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

4
views/write.ejs
View File

@ -1,6 +1,6 @@
<% include partials/header.ejs %>
<div class="container">
<div class="container mt-5">
<div class="form-header">
<% if (Object.keys(errors).length === 0) { %>
<h2>Please write a review about your experience here:</h2>
@ -32,7 +32,7 @@
<button type="submit" class="btn btn-primary" id="bc-btn">Submit</button>
</div>
<div id="pdfcontent">
<div id="pdfcontent" class="pdfcontent">
<div class="card mb-3 text-center">
<div class="card-body">