Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@brvangarcia
brvangarcia authored Dec 2, 2018
1 parent bb8415c commit 671242b
Show file tree
Hide file tree
Showing 17 changed files with 2,126 additions and 0 deletions.
Binary file added air.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
47 changes: 47 additions & 0 deletions app.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var mathRouter = require('./routes/math');
var historyRouter = require('./routes/history');
var artRouter = require('./routes/art');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/math', mathRouter);
app.use('/art', artRouter);
app.use('/history', historyRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};

// render the error page
res.status(err.status || 500);
res.render('error');
});

module.exports = app;
205 changes: 205 additions & 0 deletions art.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,205 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Start Left menu area -->
<div class="left-sidebar-pro">
<nav id="sidebar" class="active">
<div class="sidebar-header">
<a href="index.html"><img class="main-logo" src="img/logo/logo.png" alt="" /></a>
<strong><a href="index.html"><img src="img/logo/logosn.png" alt="" /></a></strong>
</div>
<div class="left-custom-menu-adp-wrap comment-scrollbar">
<nav class="sidebar-nav left-sidebar-menu-pro">
<ul class="metismenu" id="menu1">
<li >
<a class="has-arrow" href="index.html">
<span class="educate-icon educate-home icon-wrap"></span>
<span class="mini-click-non">Education</span>
</a>

</li>
<li>
<a title="Landing Page" href="events.html" aria-expanded="false"><span class="educate-icon educate-event icon-wrap sub-icon-mg" aria-hidden="true"></span> <span class="mini-click-non">Event</span></a>
</li>

<li>
<a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-data-table icon-wrap"></span> <span class="mini-click-non">Data Tables</span></a>

</li>

</ul>
</nav>
</div>
</nav>
</div>
<!-- End Left menu area -->
<!-- Start Welcome area -->
<div class="all-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="logo-pro">
<a href="index.html"><img class="main-logo" src="img/logo/logo.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="header-advance-area">
<div class="header-top-area" style="left: 0px;">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="header-top-wraper">
<div class="row">
<div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
<div class="menu-switcher-pro">
<button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn">
<i class="educate-icon educate-nav"></i>
</button>
</div>
</div>
<div class="col-lg-6 col-md-7 col-sm-6 col-xs-12">
<div class="header-top-menu tabl-d-n">
<ul class="nav navbar-nav mai-top-nav">
<li class="nav-item"><a href="/" class="nav-link">Home</a>
</li>
<li class="nav-item"><a href="#" class="nav-link">About</a>
</li>
<li class="nav-item"><a href="#" class="nav-link">Services</a>
</li>

</ul>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="header-right-info">
<ul class="nav navbar-nav mai-top-nav header-right-menu">

<li class="nav-item">
<a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle">
<img src="img/product/pro4.jpg" alt="" />
<span class="admin-name">Est.Rivera</span>
<i class="fa fa-angle-down edu-icon edu-down-arrow"></i>
</a>
<ul role="menu" class="dropdown-header-top author-log dropdown-menu animated zoomIn">
<li><a href="#"><span class="edu-icon edu-home-admin author-log-ic"></span>My Account</a>
</li>
<li><a href="#"><span class="edu-icon edu-user-rounded author-log-ic"></span>My Profile</a>
</li>
<li><a href="#"><span class="edu-icon edu-money author-log-ic"></span>User Billing</a>
</li>
<li><a href="#"><span class="edu-icon edu-settings author-log-ic"></span>Settings</a>
</li>
<li><a href="#"><span class="edu-icon edu-locked author-log-ic"></span>Log Out</a>
</li>
</ul>
</li>

</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile Menu start -->

<!-- Mobile Menu end -->
<div class="breadcome-area">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="breadcome-list single-page-breadcome">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="breadcome-heading">
<form role="search" class="sr-input-func">
<input type="text" placeholder="Search..." class="search-int form-control">
<a href="#"><i class="fa fa-search"></i></a>
</form>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="widget-program-bg">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-9 col-sm-9 col-xs-12" >
<div id="board">
<canvas style="background-color:white" id="myCanvas" width="600px" height="500px;">
Sorry, your browser doesn't support canvas technology.
</canvas>
<p>Color picker: <select id="selectColor">
<option id="colBlack" value="black" selected="selected">Black</option>
<option id="colRed" value="red">Red</option>
<option id="colBlue" value="blue">Blue</option>
<option id="colGreen" value="green">Green</option>
<option id="colOrange" value="orange">Orange</option>
<option id="colYellow" value="yellow">Yellow</option>
</select>
</p>
</div><!-- END board -->

</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" >
{{info}}
</div>
</div>
</div>
</div>
<form action="/art/send" method="post">
<input type="file" name="pic" accept="image/*">
<button type="submit" class="btn btn-primary btn-lg">Adquirir respuesta</button>
</form>


<script type="text/javascript">
window.onload = function() {
var myCanvas = document.getElementById("myCanvas");
var curColor = $('#selectColor option:selected').val();
if(myCanvas){
var isDown = false;
var ctx = myCanvas.getContext("2d");
var canvasX, canvasY;
ctx.lineWidth = 5;
$(myCanvas)
.mousedown(function(e){
isDown = true;
ctx.beginPath();
canvasX = e.pageX - myCanvas.offsetLeft;
canvasY = e.pageY - myCanvas.offsetTop;
ctx.moveTo(canvasX, canvasY);
})
.mousemove(function(e){
if(isDown != false) {
canvasX = e.pageX - myCanvas.offsetLeft;
canvasY = e.pageY - myCanvas.offsetTop;
ctx.lineTo(canvasX, canvasY);
ctx.strokeStyle = curColor;
ctx.stroke();
}
})
.mouseup(function(e){
isDown = false;
ctx.closePath();
});
}
$('#selectColor').change(function () {
curColor = $('#selectColor option:selected').val();
});
};
</script>
32 changes: 32 additions & 0 deletions art.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
var express = require('express');
var router = express.Router();
var fs = require('fs'),
request = require('request'),
apiKey = 'acc_6f7a484b37f02b2',
apiSecret = 'ef5124b7bcf7536392a623a2a3be4b1e',
filePath = './public/image.jpg';


/* GET home page. */
router.get('/', function(req, res, next) {
res.render('art', { title: 'App' });



});
router.post('/send', function(req,res,next) {
console.log(req.body);
var formData = {
image: fs.createReadStream(filePath)
};

request.post({url:'https://api.imagga.com/v2/tags', formData: formData},
function (error, response, body) {


console.log('Response:', body);
res.render('art', {info:body})
}).auth(apiKey, apiSecret, true);

})
module.exports = router;
Binary file added bottom.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions error.hbs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<h1>{{message}}</h1>
<h2>{{error.status}}</h2>
<pre>{{error.stack}}</pre>
Loading

0 comments on commit 671242b

Please sign in to comment.