From: Oscar J. Rodriguez B Date: Thu, 12 Dec 2019 21:05:44 +0000 (-0400) Subject: comienzo del trabajo del header X-Git-Url: https://git.josue.xyz/?p=projectNeoUtesa%2F.git;a=commitdiff_plain;h=a0c49977ace64506912a18301b4ddf013807248f comienzo del trabajo del header --- diff --git a/app.js b/app.js index 62dff0d..c8e252c 100644 --- a/app.js +++ b/app.js @@ -18,6 +18,11 @@ app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); +//setup places +app.use('/public/stylesheets', express.static('stylesheets')); +app.use('/public/images', express.static('images')); +app.use('/public/javascripts', express.static('javascripts')); +app.use('/favicon.ico', express.static('/public/images/favicon.ico')); app.use('/', indexRouter); app.use('/users', usersRouter); diff --git a/partials/header.ejs b/partials/header.ejs new file mode 100644 index 0000000..6d85ec5 --- /dev/null +++ b/partials/header.ejs @@ -0,0 +1,15 @@ +
+ +
+ +

UNIVERSIDAD TECNOLOGICA DE SANTIAGO

+
+
+ Inicio + Mensaje del rector + Publicaciones + Actividades + Noticias + E-Mail +
+
diff --git a/public/images/favicon.ico b/public/images/favicon.ico new file mode 100644 index 0000000..5e45d97 Binary files /dev/null and b/public/images/favicon.ico differ diff --git a/public/stylesheets/header.css b/public/stylesheets/header.css new file mode 100644 index 0000000..37723e2 --- /dev/null +++ b/public/stylesheets/header.css @@ -0,0 +1,42 @@ +*{ + box-sizing: border-box; + padding: 0; + margin: 0; +} +.pane{ + display: flex; + background: #FFCC00; + color: white; + align-content: space-around; + align-items: center; +} + +.pane > img { + height: 6em; +} +.pane > h1 { + text-shadow: 2px 2px #000000; + padding-left: 6em; +} + +.navbar { + background: #dddddd; + display: flex; + flex-flow: row nowrap; + align-items: center; + height: 2em; +} +.navbar > a{ + height: 100%; + flex-grow: 1; + text-align: center; + color: black; + text-decoration: none; + padding-top: 0.5em; + transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; +} +.navbar > a:hover { + color: white; + background: green; + box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); +} diff --git a/routes/index.js b/routes/index.js index ecca96a..d0a85ba 100644 --- a/routes/index.js +++ b/routes/index.js @@ -6,4 +6,5 @@ router.get('/', function(req, res, next) { res.render('index', { title: 'Express' }); }); + module.exports = router; diff --git a/views/index.ejs b/views/index.ejs index 7b7a1d6..e20f2aa 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,11 +1,21 @@ + - + - <%= title %> - + + UTESA + <%include ../partials/header%> -

<%= title %>

-

Welcome to <%= title %>

+ +
+ +
+ + <%include ../partials/footer%>