├── Day01 ├── async_sync.js ├── cats.txt ├── helloWorld.js ├── homework.js ├── intro.html ├── jobs.json ├── loremipsum.txt └── utility.js ├── Day02 ├── Procfile ├── daily_task.json ├── package.json └── personal_board.js ├── Day03 ├── lord_fungus_mungus.json └── mongoclient.js ├── Day04 ├── Clustering │ ├── cluster_sample_1.js │ ├── cluster_sample_2.js │ └── cluster_sample_3.js ├── mocha_with_browser │ ├── index.html │ ├── sum.js │ └── sum.test.js └── testing │ ├── mathForKids.js │ ├── package.json │ └── test │ └── test.js ├── Day05 ├── create_dummy.js ├── streaming_1.js ├── with_events.js ├── with_pipe.js └── with_readFile.js ├── Day06 └── EnBiEy │ ├── package-lock.json │ ├── package.json │ ├── public │ └── images │ │ ├── curry.gif │ │ ├── howard.gif │ │ └── lebron.gif │ ├── server.js │ └── src │ └── views │ ├── classic.html │ └── index.pug ├── Day07 ├── models │ ├── player.js │ └── team.js ├── package-lock.json ├── package.json └── server │ ├── MainServer.js │ ├── PlayerServer.js │ └── TeamServer.js ├── Day08 ├── app.js ├── package-lock.json ├── package.json ├── public │ ├── css │ │ ├── bootstrap-grid.css │ │ ├── bootstrap-grid.css.map │ │ ├── bootstrap-grid.min.css │ │ ├── bootstrap-grid.min.css.map │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.css.map │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ └── js │ │ ├── bootstrap.min.js │ │ └── jquery.slim.min.js ├── src │ ├── routes │ │ └── bookRoutes.js │ └── views │ │ ├── book.ejs │ │ ├── books.ejs │ │ └── index.ejs └── views │ └── index.html ├── Day09 ├── index.html ├── index.js ├── main.js ├── package-lock.json └── package.json ├── Day10 ├── client │ └── node │ │ ├── index.js │ │ └── product.proto ├── package.json └── server │ ├── Product.js │ ├── index.js │ └── product.proto ├── Day11 ├── appv1.js ├── appv2.js ├── images │ ├── sample_1.jpg │ ├── sample_2.jpg │ ├── sample_3.jpg │ ├── sample_4.jpg │ └── sample_5.jpg ├── index.html ├── package.json ├── scripts │ └── jquery.js ├── simpleCert.pem ├── simpleKey.pem └── style │ └── style.css ├── Day12 ├── app.js ├── index.html └── package.json └── README.md /Day01/async_sync.js: -------------------------------------------------------------------------------- 1 | //var fs=require("fs"); 2 | 3 | // Birinci örnek (Bloklama yok) 4 | // fs.readFile('loremipsum.txt',function(err,data){ 5 | // if(err) return console.error(err); 6 | // console.log(data.toString()+"\n\n"); 7 | // }); 8 | // console.log("### Program sonu ###\n"); 9 | 10 | // ikinci örnek (Bloklama söz konusu) 11 | //var loremData=fs.readFileSync('loremipsum.txt'); 12 | //console.log(loremData.toString()+"\n\n"); 13 | //console.log("*** Bitmeyen kod yapmışlar ***\n"); 14 | 15 | 16 | var fs = require("fs"); 17 | 18 | var readCallback = function (err, content) { 19 | if (err) { 20 | console.log(err.message); 21 | return; 22 | } 23 | var lines = content.toString().split("\n"); 24 | lines.forEach(l => { 25 | console.log(l); 26 | }); 27 | } 28 | 29 | fs.readFile('cats.txt', readCallback); 30 | console.log("### Program sonu ###\n"); -------------------------------------------------------------------------------- /Day01/cats.txt: -------------------------------------------------------------------------------- 1 | blue cat 2 | red cat 3 | gold cat 4 | green cat 5 | black cat 6 | gray cat 7 | garfield -------------------------------------------------------------------------------- /Day01/helloWorld.js: -------------------------------------------------------------------------------- 1 | var http = require('http') 2 | var url = require('url') 3 | var fs=require('fs') 4 | var utility = require('./utility') 5 | 6 | http.createServer(function (req, res) { 7 | res.writeHead(200, { 'Content-Type': 'text/html' }) 8 | res.write("

Wellcome to West-World

") 9 | res.write("" + Date() + "
") 10 | res.write("Request url " + req.url + "
") 11 | var q = url.parse(req.url, true).query 12 | if (typeof q.nick == 'undefined') { 13 | console.log("[Error]:%s,URL string'de hata var",Date()) 14 | res.write("

Try this! ;)

") 15 | } 16 | else { 17 | res.write("

your nickname is " + q.nick + "

") 18 | res.write("

or " + utility.reverse(q.nick) + "

") 19 | } 20 | res.end(); 21 | }).listen(5002); 22 | 23 | http.createServer(function (request, response) { 24 | fs.readFile("intro.html", function (err, data) { 25 | if (err) { 26 | console.log("[Error]:%s,%s",Date(),err.message) 27 | res.status(404).send('Not found') 28 | response.end() 29 | } 30 | else{ 31 | response.writeHead(200, { 'Content-Type': 'text/html' }) 32 | console.log("[Request]:%s,intro.html",Date()) 33 | response.write(data.toString()); 34 | response.end(); 35 | } 36 | }); 37 | }).listen(5003); -------------------------------------------------------------------------------- /Day01/homework.js: -------------------------------------------------------------------------------- 1 | /* 2 | Ön gereksinimler 3 | npm install express 4 | npm install body-parser 5 | */ 6 | 7 | var express = require('express'); 8 | var app = express(); 9 | var bodyparser = require('body-parser'); 10 | var fs = require('fs'); 11 | app.use(bodyparser.json()); 12 | 13 | // HTTP Get 14 | app.get('/api/jobs', function (request, response) { 15 | fs.readFile('jobs.json', 'utf8', function (err, data) { 16 | console.log('%s:%s', Date(), request.url); 17 | response.end(data); 18 | }); 19 | }); 20 | 21 | app.get('/api/jobs/:jobId', function (request, response) { 22 | console.log('%s:Requested job id %s',Date(),request.params.jobId); 23 | response.status(200); 24 | // Bu kısım sizde :) 25 | response.end(); 26 | }); 27 | 28 | // HTTP Post 29 | app.post('/api/addJob', function (request, response) { 30 | console.log('%s:%s', Date(), request.url); 31 | console.log(request.body); 32 | response.status(200).send('Job has been added'); 33 | // Bu kısım sizde :) 34 | response.end(); 35 | }); 36 | 37 | // HTTP Delete Burası da sizde 38 | // HTTP Update Burası da sizde 39 | 40 | var server = app.listen(5006, function () { 41 | console.log('Sunucu dinlemde'); 42 | }); -------------------------------------------------------------------------------- /Day01/intro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Intro Page 5 | 6 | 7 | 8 |

Node.js Introduction Tutorials

9 |

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti 10 | quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia 11 | deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. 12 | Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere 13 | possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis 14 | aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum 15 | rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus 16 | asperiores repellat.

17 |

18 | https://nodejs.org/en/">For more details... 19 |

20 | 21 | 22 | -------------------------------------------------------------------------------- /Day01/jobs.json: -------------------------------------------------------------------------------- 1 | { 2 | "job1": { 3 | "title": "just read", 4 | "duration": "4 books per month", 5 | "id": 12 6 | }, 7 | "job2" : { 8 | "title" : "be smile", 9 | "duration" : "to everyone", 10 | "id": 23 11 | }, 12 | "job3" : { 13 | "title" : "learn node.js", 14 | "duration" : "in 30 days", 15 | "id": 35 16 | }, 17 | "job4" : { 18 | "title" : "play basketball", 19 | "duration" : "2 times per week", 20 | "id": 35 21 | } 22 | } -------------------------------------------------------------------------------- /Day01/loremipsum.txt: -------------------------------------------------------------------------------- 1 | "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat." -------------------------------------------------------------------------------- /Day01/utility.js: -------------------------------------------------------------------------------- 1 | exports.reverse=function(input){ 2 | return input.split('').reverse().join('') 3 | } -------------------------------------------------------------------------------- /Day02/Procfile: -------------------------------------------------------------------------------- 1 | web: node personal_board.js -------------------------------------------------------------------------------- /Day02/daily_task.json: -------------------------------------------------------------------------------- 1 | { 2 | "task1": { 3 | "title": "Finish front-end login control test", 4 | "category": "Testing", 5 | "status": "todo", 6 | "id": 22325 7 | }, 8 | "task2": { 9 | "title": "Back button issue", 10 | "category": "Bug Fix", 11 | "status": "in progress", 12 | "id": 12342 13 | }, 14 | "task3": { 15 | "title": "Connect with SSO Service", 16 | "category": "Service Integration Development", 17 | "status": "epic", 18 | "id": 14345 19 | }, 20 | "task4": { 21 | "title": "Design of web app's help page", 22 | "category": "Front-end Development", 23 | "status": "todo", 24 | "id": 18123 25 | }, 26 | "task5": { 27 | "title": "Complete wheter api service", 28 | "category": "Service API Development", 29 | "status": "epic", 30 | "id": 48545 31 | } 32 | } -------------------------------------------------------------------------------- /Day02/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fierce-earth-61739", 3 | "version": "1.0.0", 4 | "description": "a simple rest api for homeworks", 5 | "main": "homework.js", 6 | "dependencies": { 7 | "express": "^4.16.2" 8 | }, 9 | "devDependencies": {}, 10 | "scripts": { 11 | "start": "node personal_board.js", 12 | "test": "echo \"Error: no test specified\" && exit 1" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "https://git.heroku.com/fierce-earth-61739.git" 17 | }, 18 | "keywords": [ 19 | "daily", 20 | "tasks", 21 | "scrum", 22 | "board", 23 | "node.js", 24 | "express", 25 | "rest" 26 | ], 27 | "author": "burak selim senyurt", 28 | "license": "ISC" 29 | } -------------------------------------------------------------------------------- /Day02/personal_board.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var app = express(); 3 | var fs = require('fs'); 4 | 5 | // HTTP Get 6 | app.get('/api/tasks', function (request, response) { 7 | fs.readFile('daily_task.json', 'utf8', function (err, data) { 8 | console.log('%s:%s', Date(), request.url); 9 | response.end(data); 10 | }); 11 | }); 12 | 13 | var server = app.listen(process.env.PORT || 8080, function () { 14 | console.log('Sunucu dinlemde'); 15 | }); -------------------------------------------------------------------------------- /Day03/lord_fungus_mungus.json: -------------------------------------------------------------------------------- 1 | { 2 | "primary_info": { 3 | "weapon": "lazer cannon", 4 | "motto": "go go gooo", 5 | "movie": "star wars - Jedi the last" 6 | }, 7 | "max_point": 385, 8 | "min_point": 35, 9 | "matches": [ 10 | { 11 | "game_day": 1, 12 | "vs": "lord rikken", 13 | "player_score": 200, 14 | "opponent_score": 145 15 | }, 16 | { 17 | "game_day": 2, 18 | "vs": "evelyn", 19 | "player_score": 189, 20 | "opponent_score": 485 21 | }, 22 | { 23 | "game_day": 3, 24 | "vs": "moka pinku", 25 | "player_score": 21, 26 | "opponent_score": 18 27 | }, 28 | { 29 | "game_day": 4, 30 | "vs": "draymmeor", 31 | "player_score": 53, 32 | "opponent_score": 56 33 | } 34 | ], 35 | "current_rank": 3, 36 | "nickname": "lord fungus mungus", 37 | "player_id": "21454834" 38 | } -------------------------------------------------------------------------------- /Day03/mongoclient.js: -------------------------------------------------------------------------------- 1 | var MongoClient = require('mongodb').MongoClient; 2 | 3 | function createCollection(url, name) { 4 | console.log("db create process..."); 5 | MongoClient.connect(url, function (err, db) { 6 | if (err) throw err; 7 | var dbOwner = db.db("remote"); 8 | dbOwner.createCollection(name, function (err, res) { 9 | if (err) throw err; 10 | console.log("collection created!"); 11 | db.close(); 12 | }); 13 | }); 14 | }; 15 | 16 | function getAllGamers(url) { 17 | console.log("processing..."); 18 | return new Promise(function (resolve, reject) { 19 | 20 | console.log("connecting..."); 21 | 22 | MongoClient.connect(url, function (err, db) { 23 | var dbo = db.db("remote"); 24 | var query = {}; 25 | console.log("fetching..."); 26 | dbo.collection("gamers") 27 | .find(query) 28 | .toArray(function (err, result) { 29 | if (err) { 30 | reject(err); 31 | } else { 32 | console.log("we have gamers now...") 33 | resolve(result) 34 | } 35 | db.close(); 36 | }); 37 | }); 38 | }) 39 | }; 40 | 41 | function insertDesigner(url,content){ 42 | console.log("inserting..."); 43 | MongoClient.connect(url,function(err,db){ 44 | if(err) throw err; 45 | var dbOwner=db.db("remote"); 46 | dbOwner.collection("designers").insertOne(content,function(err,res){ 47 | if(err)throw err; 48 | console.log("a new designer inserted"); 49 | console.log("ID : %s",res.insertedId); 50 | db.close(); 51 | }); 52 | }); 53 | }; 54 | 55 | function insertDesigners(url,content){ 56 | console.log("inserting..."); 57 | MongoClient.connect(url,function(err,db){ 58 | if(err) throw err; 59 | var dbOwner=db.db("remote"); 60 | dbOwner.collection("designers").insertMany(content,function(err,res){ 61 | if(err)throw err; 62 | console.log("%i documents inserted",res.insertedCount); 63 | db.close(); 64 | }); 65 | }); 66 | }; 67 | 68 | function main() { 69 | url = "mongodb://username:password@cluster0-shard-00-00-m2yq0.mongodb.net:27017/admin?replicaSet=Cluster0-shard-0&ssl=true" 70 | var designers=[ 71 | {fullName:"blue man",country:"ingland",system:"oceanic continent",expLevel:256}, 72 | {fullName:"Reddick",country:"red sun",system:"world",expLevel:128}, 73 | {fullName:"mari dö marş",country:"pari",system:"moon",expLevel:45} 74 | ]; 75 | insertDesigners(url,designers); 76 | 77 | //var vanDyk={fullName:"Yurri van dayk de la rossa",country:"green age",system:"Tatuin",expLevel:980}; 78 | 79 | //insertDesigner(url,vanDyk); 80 | 81 | //createCollection(url,"designers"); 82 | 83 | /* 84 | getAllGamers(url).then(function (result) { 85 | console.log(result); 86 | }, function (err) { 87 | console.log(err); 88 | }); 89 | */ 90 | console.log("mongodb examples...") 91 | }; 92 | 93 | main(); 94 | -------------------------------------------------------------------------------- /Day04/Clustering/cluster_sample_1.js: -------------------------------------------------------------------------------- 1 | var cluster = require('cluster'); 2 | 3 | if (cluster.isMaster) { 4 | console.log('Master process ' + process.pid); 5 | for (var i = 0; i < 4; i++) { 6 | console.log('Worker #' + i + ' is starting.'); 7 | cluster.fork(); 8 | } 9 | 10 | cluster.on('fork', function (worker) { 11 | console.log('\tfork event (worker ' + worker.process.pid + ')'); 12 | }); 13 | 14 | cluster.on('online', function (worker) { 15 | console.log('\tonline event (worker ' + worker.process.pid + ')'); 16 | }) 17 | 18 | cluster.on('exit', function (worker) { 19 | console.log('\texit event (worker ' + worker.process.pid + ')'); 20 | }); 21 | 22 | } else { 23 | console.log('Aloha. My name is worker #' + process.pid); 24 | cluster.worker.destroy(); 25 | } -------------------------------------------------------------------------------- /Day04/Clustering/cluster_sample_2.js: -------------------------------------------------------------------------------- 1 | var cluster = require('cluster'); 2 | var workers = []; 3 | var names = ['con do', 'vuki', 'lora', 'deymin', 'mayk', 'cordi', 'klaus', 'commander', 'jenkins', 'semuel', 'fire starter']; 4 | var colors = ['red', 'green', 'blue', 'gold', 'white', 'black', 'brown', 'yellow', 'gray', 'silver']; 5 | if (cluster.isMaster) { 6 | console.log('I am the process #' + process.pid); 7 | for (var i = 0; i < 3; i++) { 8 | var worker = cluster.fork(); 9 | workers.push(worker); 10 | worker.on('message', function (message) { 11 | console.log('\t\tChild says that:' + JSON.stringify(message)); 12 | }); 13 | workers.forEach(function (worker) { 14 | var index = Math.floor(Math.random() * names.length) + 1; 15 | worker.send({ name: names[index - 1] }); 16 | }, this); 17 | } 18 | 19 | } else { 20 | console.log('Aloha. I am the worker process #' + process.pid); 21 | process.on('message', function (message) { 22 | console.log('\The boss says that: ' + JSON.stringify(message)); 23 | }); 24 | var index = Math.floor(Math.random() * colors.length) + 1; 25 | process.send({ color: colors[index - 1] }); 26 | cluster.worker.destroy(); 27 | } -------------------------------------------------------------------------------- /Day04/Clustering/cluster_sample_3.js: -------------------------------------------------------------------------------- 1 | var cluster = require('cluster'); 2 | var http = require('http'); 3 | var cpuCount = 2; 4 | var names = ['con do', 'vuki', 'lora', 'deymin', 'meyk', 'cordi', 'klaus', 'commander', 'jenkins', 'semuel', 'fire starter']; 5 | 6 | if (cluster.isMaster) { 7 | console.log('Master PID: ' + process.pid); 8 | for (var i = 0; i < cpuCount; i++) { 9 | cluster.fork(); 10 | } 11 | 12 | cluster.on('fork', function (worker) { 13 | console.log('\tfork (worker ' + worker.process.pid + ')'); 14 | }); 15 | 16 | cluster.on('online', function (worker) { 17 | console.log('\tonline (worker ' + worker.process.pid + ')'); 18 | }) 19 | 20 | cluster.on('listening', function (worker, address) { 21 | console.log('\tlistening (worker ' + worker.id + ') pid ' + worker.process.pid + ', ' + address.address + ':' + address.port + ')'); 22 | }); 23 | 24 | cluster.on('exit', function (worker) { 25 | console.log('\texit (worker ' + worker.process.pid + ')'); 26 | }); 27 | 28 | } else { 29 | console.log('Worker # has been' + process.pid + ' started.'); 30 | http.createServer(function (req, res) { 31 | res.writeHead(200); 32 | var index = Math.floor(Math.random() * names.length) + 1; 33 | res.end('My name is "' + names[index - 1] + '" (pid ' + cluster.worker.process.pid + ')\n'); 34 | }).listen(65001, "127.0.0.1"); 35 | } -------------------------------------------------------------------------------- /Day04/mocha_with_browser/index.html: -------------------------------------------------------------------------------- 1 | 2 | Mocha Tests 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Day04/mocha_with_browser/sum.js: -------------------------------------------------------------------------------- 1 | var maxTime = 1000; 2 | 3 | var sum = function (x, y, callback) { 4 | var waitTime = Math.floor(Math.random() * (maxTime + 1)); 5 | 6 | if (x < 0 || y < 0) { 7 | setTimeout(function () { 8 | callback(new Error('be positive!')); 9 | }, waitTime); 10 | } else { 11 | setTimeout(function () { 12 | callback(null, x + y, waitTime); 13 | }, waitTime); 14 | } 15 | }; 16 | 17 | var sumSync = function (x, y) { 18 | if (x < 0 || y < 0) { 19 | throw (new Error("be positive!")); 20 | } else { 21 | return (x + y); 22 | } 23 | }; -------------------------------------------------------------------------------- /Day04/mocha_with_browser/sum.test.js: -------------------------------------------------------------------------------- 1 | should.Assertion.add('odd', function () { 2 | this.params = { operator: 'is a odd number', expected: true }; 3 | ((this.obj % 2) == 1).should.exactly(true); 4 | }); 5 | 6 | describe('Math for kids', function () { 7 | describe('#custom Assertions', function () { 8 | it('sum should be a odd number for result 5', function () { 9 | var result=sumSync(1,4); 10 | result.should.be.a.odd(); 11 | }); 12 | it('sum should be a odd number for result 6', function () { 13 | var result=sumSync(2,4); 14 | result.should.be.a.odd(); 15 | }); 16 | it('sum should not be a odd number for result 6', function () { 17 | var result=sumSync(2,4); 18 | result.should.not.be.a.odd(); 19 | }); 20 | }); 21 | describe('#Synchronous test', function () { 22 | it.skip('should return 4 when the x=2 and y=2', function () { 23 | var result = sumSync(2, 2); 24 | result.should.equal(4); 25 | }); 26 | it('should throw exception when all values are negative', function (completed) { 27 | sum(1, -3, function (err, result) { 28 | should.exist(err); 29 | should.not.exist(result); 30 | completed(); 31 | }); 32 | }) 33 | }); 34 | describe('#Asynchronous test', function () { 35 | it('should return 4 when the x=2 and y=2', function (completed) { 36 | sum(2, 2, function (err, result) { 37 | should.not.exist(err); 38 | (4).should.equal(4); 39 | completed(); 40 | }); 41 | }); 42 | it('should return 8 and be a number', function (completed) { 43 | sum(3, 5, function (err, result) { 44 | result.should.be.exactly(8).and.be.a.Number(); 45 | }); 46 | completed(); 47 | }); 48 | }); 49 | }); -------------------------------------------------------------------------------- /Day04/testing/mathForKids.js: -------------------------------------------------------------------------------- 1 | var maxTime = 1000; 2 | 3 | var sum = function (x, y, callback) { 4 | var waitTime = Math.floor(Math.random() * (maxTime + 1)); 5 | 6 | if (x < 0 || y < 0) { 7 | setTimeout(function () { 8 | callback(new Error('be positive!')); 9 | }, waitTime); 10 | } else { 11 | setTimeout(function () { 12 | callback(null, x + y, waitTime); 13 | }, waitTime); 14 | } 15 | }; 16 | 17 | var sumSync = function (x, y) { 18 | if (x < 0 || y < 0) { 19 | throw (new Error("be positive!")); 20 | } else { 21 | return (x + y); 22 | } 23 | }; 24 | 25 | module.exports.sum = sum; 26 | module.exports.sumSync = sumSync; 27 | module.exports.description = "Math is fun"; -------------------------------------------------------------------------------- /Day04/testing/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "testing", 3 | "version": "1.0.0", 4 | "description": "testing with mocha and should", 5 | "main": "mathForKids.js", 6 | "directories": { 7 | "test": "test" 8 | }, 9 | "dependencies": { 10 | "should": "^13.2.1" 11 | }, 12 | "devDependencies": { 13 | "mocha": "^5.0.5" 14 | }, 15 | "scripts": { 16 | "test": "mocha" 17 | }, 18 | "keywords": [ 19 | "testing", 20 | "mocha", 21 | "should" 22 | ], 23 | "author": "burak selim senyurt", 24 | "license": "ISC" 25 | } 26 | -------------------------------------------------------------------------------- /Day04/testing/test/test.js: -------------------------------------------------------------------------------- 1 | var fermat = require('../mathForKids'); 2 | var should = require('should'); 3 | //var assert=require('assert'); 4 | 5 | should.Assertion.add('odd', function () { 6 | this.params = { operator: 'is a odd number', expected: true }; 7 | ((this.obj % 2) == 1).should.exactly(true); 8 | }); 9 | 10 | describe('Math for kids', function () { 11 | describe('#custom Assertions', function () { 12 | it('sum should be a odd number for result 5', function () { 13 | var result=fermat.sumSync(1,4); 14 | result.should.be.a.odd(); 15 | }); 16 | it('sum should be a odd number for result 6', function () { 17 | var result=fermat.sumSync(2,4); 18 | result.should.be.a.odd(); 19 | }); 20 | it('sum should not be a odd number for result 6', function () { 21 | var result=fermat.sumSync(2,4); 22 | result.should.not.be.a.odd(); 23 | }); 24 | }); 25 | describe('#Synchronous test', function () { 26 | it('should return 4 when the x=2 and y=2', function () { 27 | var result = fermat.sumSync(2, 2); 28 | result.should.equal(4); 29 | }); 30 | it('should throw exception when all values are negative', function (completed) { 31 | fermat.sum(1, -3, function (err, result) { 32 | should.exist(err); 33 | should.not.exist(result); 34 | completed(); 35 | }); 36 | }) 37 | }); 38 | describe('#Asynchronous test', function () { 39 | it('should return 4 when the x=2 and y=2', function (completed) { 40 | fermat.sum(2, 2, function (err, result) { 41 | should.not.exist(err); 42 | (4).should.equal(4); 43 | completed(); 44 | }); 45 | }); 46 | it('should return 8 and be a number', function (completed) { 47 | fermat.sum(3, 5, function (err, result) { 48 | result.should.be.exactly(8).and.be.a.Number(); 49 | }); 50 | completed(); 51 | }); 52 | }); 53 | }); 54 | -------------------------------------------------------------------------------- /Day05/create_dummy.js: -------------------------------------------------------------------------------- 1 | var fs = require('fs'); 2 | 3 | console.log("Big file is creating..."); 4 | var bigEF = fs.createWriteStream('bigEF.data'); 5 | for (var i = 0; i < 3e6; i++) { 6 | bigEF.write('{"fname": "Devon","lname": "Karma"},{"fname": "Lorenz","lname": "Douglas"},{"fname": "Ora","lname": "Wade"},{"fname": "Kelly","lname": "Ragusa"},{"fname": "Teresa","lname": "Gergely"},{"fname": "Wendy","lname": "Kerkemeyer"},{"fname": "Georgia","lname": "Malo"},{"fname": "Tonja","lname": "Lichtenwalner"},{"fname": "Dorota","lname": "Breiter"},{"fname": "Priscilla","lname": "Bartovics"}'); 7 | } 8 | bigEF.end(); -------------------------------------------------------------------------------- /Day05/streaming_1.js: -------------------------------------------------------------------------------- 1 | var fs = require('fs'); 2 | var http = require('http'); 3 | 4 | var server = http.createServer().on('request', function (req, res) { 5 | var source = fs.createReadStream('lorem_big.blob'); 6 | source.pipe(res); 7 | 8 | // Aşağıdaki kod 2.Gb lık dosya için http talebini refuse edecektir ama pipe tekniği ile bu çalışır. 9 | /* 10 | fs.readFile('lorem_big.blob', function (err, data) { 11 | if (err) 12 | throw err; 13 | res.end(data); 14 | }); 15 | */ 16 | }); 17 | server.listen(65002); 18 | console.log('Server is online'); 19 | 20 | /*Ek 21 | 22 | // pipe yerine stream eventlerini kullanmak 23 | // daha küçük boyutlu bir dosya seçelim ki takibimiz kolay olsun 24 | 25 | 26 | for (var i = 0; i < 50; i++) { 27 | someFile.write('{"fname": "Devon","lname": "Karma"},{"fname": "Lorenz","lname": "Douglas"},{"fname": "Ora","lname": "Wade"},{"fname": "Kelly","lname": "Ragusa"},{"fname": "Teresa","lname": "Gergely"},{"fname": "Wendy","lname": "Kerkemeyer"},{"fname": "Georgia","lname": "Malo"},{"fname": "Tonja","lname": "Lichtenwalner"},{"fname": "Dorota","lname": "Breiter"},{"fname": "Priscilla","lname": "Bartovics"}'); 28 | } 29 | someFile.end(); 30 | 31 | var server = http.createServer().on('request', function (req, res) { 32 | var source = fs.createReadStream('lorem_big.blob'); 33 | // aşağıdaki data ve end olayları da bir nevi pipe'ın karşılığıdır. 34 | source.on('data',function(chunk){ 35 | res.write(chunk); 36 | var date=new Date().toISOString(); 37 | console.log('\n'+date+'\n'); 38 | console.log('\t'+chunk); 39 | }); 40 | source.on('end',function(){ 41 | res.end(); 42 | console.log('end'); 43 | }); 44 | }); 45 | 46 | */ -------------------------------------------------------------------------------- /Day05/with_events.js: -------------------------------------------------------------------------------- 1 | var fs = require('fs'); 2 | var http = require('http'); 3 | 4 | // pipe yerine stream eventlerini kullanmak 5 | // daha küçük boyutlu bir dosya seçelim ki takibimiz kolay olsun 6 | // Kolay izlemek için küçük boyutlu bir dosya oluşturalım 7 | 8 | var server = http.createServer().on('request', function (req, res) { 9 | var source = fs.createReadStream('bigEF.data'); 10 | // aşağıdaki data ve end olayları da bir nevi pipe'ın karşılığıdır. 11 | source.on('data', function (chunk) { 12 | res.write(chunk); 13 | var date = new Date().toISOString(); 14 | console.log('\n' + date + '\n'); 15 | console.log('\t' + chunk); 16 | }); 17 | source.on('end', function () { 18 | res.end(); 19 | console.log('end'); 20 | }); 21 | }); 22 | 23 | server.listen(65002); 24 | console.log('Server is online'); -------------------------------------------------------------------------------- /Day05/with_pipe.js: -------------------------------------------------------------------------------- 1 | var fs = require('fs'); 2 | var http = require('http'); 3 | 4 | var server = http.createServer().on('request', function (req, res) { 5 | var source = fs.createReadStream('bigEF.data'); 6 | source.pipe(res); 7 | }); 8 | server.listen(65002); 9 | console.log('Server is online'); -------------------------------------------------------------------------------- /Day05/with_readFile.js: -------------------------------------------------------------------------------- 1 | var fs = require('fs'); 2 | var http = require('http'); 3 | 4 | var server = http.createServer().on('request', function (req, res) { 5 | fs.readFile('bigEF.data', function (err, data) { 6 | if (err) 7 | throw err; 8 | res.end(data); 9 | }); 10 | }); 11 | server.listen(65002); 12 | console.log('Server is online'); -------------------------------------------------------------------------------- /Day06/EnBiEy/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day06/EnBiEy/package-lock.json -------------------------------------------------------------------------------- /Day06/EnBiEy/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "en.bi.ey", 3 | "version": "1.0.0", 4 | "description": "NBA istatistikleri", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "node server.js" 9 | }, 10 | "keywords": [ 11 | "nba", 12 | "spor", 13 | "istatistik", 14 | "nodejs" 15 | ], 16 | "author": "burak selim senyurt", 17 | "license": "ISC", 18 | "dependencies": { 19 | "express": "^4.16.3", 20 | "pug": "^2.0.3" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /Day06/EnBiEy/public/images/curry.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day06/EnBiEy/public/images/curry.gif -------------------------------------------------------------------------------- /Day06/EnBiEy/public/images/howard.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day06/EnBiEy/public/images/howard.gif -------------------------------------------------------------------------------- /Day06/EnBiEy/public/images/lebron.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day06/EnBiEy/public/images/lebron.gif -------------------------------------------------------------------------------- /Day06/EnBiEy/server.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var app = express(); 3 | var port = 65003; 4 | 5 | app.use(express.static('public/images')) 6 | app.set('views', './src/views'); 7 | app.set('view engine', 'pug'); 8 | 9 | app.get('/', function (req, res) { 10 | res.render('index' 11 | , { 12 | teams: ['bulls', 'celtics', 'lakers'], 13 | players: [ 14 | { 15 | name: 'sitivin köri', 16 | bio: 'benzersiz top tekniği, yüksek şut yüzdesi, sınır tanımaz üçlükleri...', 17 | height: "190cm", 18 | url: 'http://www.espn.com/nba/player/_/id/3975', 19 | photo: 'curry.gif' 20 | }, 21 | { 22 | name: 'löbron ceyms', 23 | bio: 'çok güçlü, ani hızlanma, meydan okuma, istatistikleri alt üst etme...', 24 | height: "206cm", 25 | url: 'http://www.espn.com/nba/player/_/id/1966', 26 | photo: 'lebron.gif' 27 | }, 28 | { 29 | name: 'divayt hauvırd', 30 | bio: 'o boyla o fudamental hareketleri yapabiliyor olmak, oyun zekası...', 31 | height: "206cm", 32 | url: 'http://www.espn.com/nba/player/_/id/2384', 33 | photo: 'howard.gif' 34 | } 35 | ] 36 | } 37 | ); 38 | }); 39 | 40 | app.listen(port, function (err) { 41 | console.log('running server on port ' + port); 42 | }); -------------------------------------------------------------------------------- /Day06/EnBiEy/src/views/classic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | I love this game 7 | 8 | 9 | 10 |

İ s t a t i s t i k l e r

11 |

12 |

En iyi takımlar

13 |

NBA tarihinde tüm zamanların en iyi takımları

14 | 25 |

26 |

27 |

En iyi oyuncular

28 |

NBA tarihinin bugüne kadar gelmiş geçmiş en iyi oyuncuları

29 |
30 | 31 |
sitivin köri
32 |
33 |

34 | 35 |

36 |

37 | 190cm 38 |

39 |

40 | benzersiz top tekniği, yüksek şut yüzdesi, sınır tanımaz üçlükleri... 41 |

42 |

43 |
44 |
45 | 46 |
löbron ceyms
47 |
48 |

49 | 50 |

51 |

52 | 206cm 53 |

54 |

55 | çok güçlü, ani hızlanma, meydan okuma, istatistikleri alt üst etme... 56 |

57 |

58 |
59 |
60 | 61 |
divayt hauvırd
62 |
63 |

64 | 65 |

66 |

67 | 206cm 68 |

69 |

70 | o boyla o fudamental hareketleri yapabiliyor olmak, oyun zekası... 71 |

72 |

73 |
74 |

75 | 76 | 77 | -------------------------------------------------------------------------------- /Day06/EnBiEy/src/views/index.pug: -------------------------------------------------------------------------------- 1 | html 2 | head 3 | meta(charset='utf-8') 4 | link(href='https://fonts.googleapis.com/css?family=Chewy',rel='stylesheet') 5 | title I love this game 6 | body(style='width:410px;font-family:Chewy,cursive') 7 | h2(id='myId',style='background-color:darkblue;color:white') İ s t a t i s t i k l e r 8 | p 9 | h3(style='background-color:red;color:white') En iyi takımlar 10 | p. 11 | NBA tarihinde tüm zamanların en iyi takımları 12 | ul 13 | each team in teams 14 | b 15 | li=team 16 | p 17 | h3(style='background-color:green;color:white') En iyi oyuncular 18 | p. 19 | NBA tarihinin bugüne kadar gelmiş geçmiş en iyi oyuncuları 20 | mixin player-card(player) 21 | div(style='background-color:lightgray').player-card 22 | a(href=player.url) 23 | div.player-name=player.name 24 | p 25 | img.player-photo(src=player.photo) 26 | p 27 | i.heigth=player.height 28 | p 29 | i.bio=player.bio 30 | p 31 | for player in players 32 | +player-card(player) -------------------------------------------------------------------------------- /Day07/models/player.js: -------------------------------------------------------------------------------- 1 | var mongoose = require('mongoose'); 2 | 3 | var playerSchema = mongoose.Schema({ 4 | fullName: String, 5 | size: String, 6 | position: String 7 | }); 8 | 9 | module.exports = mongoose.model('Player', playerSchema); -------------------------------------------------------------------------------- /Day07/models/team.js: -------------------------------------------------------------------------------- 1 | var mongoose = require('mongoose'); 2 | 3 | var teamSchema = mongoose.Schema({ 4 | name: String, 5 | city: String 6 | }); 7 | 8 | module.exports = mongoose.model('Team', teamSchema); -------------------------------------------------------------------------------- /Day07/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day07/package-lock.json -------------------------------------------------------------------------------- /Day07/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "asyncnodeservices", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "keywords": [], 9 | "author": "", 10 | "license": "ISC", 11 | "dependencies": { 12 | "async": "^1.5.0", 13 | "body-parser": "^1.14.1", 14 | "express": "~4.13.3", 15 | "lodash": "^4.17.20", 16 | "mongoose": "^4.2.7", 17 | "redis": "^2.3.1", 18 | "request": "^2.67.0" 19 | }, 20 | "description": "" 21 | } 22 | -------------------------------------------------------------------------------- /Day07/server/MainServer.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var app = express(); 3 | var bodyParser = require('body-parser'); 4 | var async = require('async'); 5 | var request = require('request').defaults({ 6 | json: true 7 | }); 8 | 9 | app.use(bodyParser.json()); 10 | app.use(bodyParser.urlencoded({ 11 | extended: true 12 | })); 13 | 14 | app.get('/sports/api', function (req, res) { 15 | async.parallel({ 16 | player: function (callback) { 17 | request({ uri: 'http://localhost:7001/players' }, function (error, response, body) { 18 | if (error) { 19 | callback({ service: 'player', error: error }); 20 | return; 21 | }; 22 | if (!error && response.statusCode === 200) { 23 | callback(null, body.data); 24 | } else { 25 | callback(response.statusCode); 26 | } 27 | }); 28 | }, 29 | team: function (callback) { 30 | request({ uri: 'http://localhost:7002/teams' }, function (error, response, body) { 31 | if (error) { 32 | callback({ service: 'team', error: error }); 33 | return; 34 | }; 35 | if (!error && response.statusCode === 200) { 36 | callback(null, body.data); 37 | } else { 38 | callback(response.statusCode); 39 | } 40 | }); 41 | } 42 | }, function (error, results) { 43 | res.json({ 44 | error: error, 45 | results: results 46 | }); 47 | }); 48 | }); 49 | 50 | app.get('/aloha', function (req, res) { 51 | res.json({ yuhuuu: Date.now() }); 52 | }); 53 | 54 | var server = app.listen(7000, function () { 55 | console.log('MainServer is online http://localhost:7000/'); 56 | }); -------------------------------------------------------------------------------- /Day07/server/PlayerServer.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var app = express(); 3 | var bodyParser = require('body-parser'); 4 | var Player = require('../models/player.js'); 5 | 6 | var mongoose = require('mongoose'); 7 | mongoose.connect('mongodb://localhost/player', { useMongoClient: true }); 8 | 9 | app.use(bodyParser.json()); 10 | app.use(bodyParser.urlencoded({ 11 | extended: true 12 | })); 13 | 14 | app.post('/players', function (req, res) { 15 | var newPlayer = new Player(req.body); 16 | newPlayer.save(function (err) { 17 | if (err) { 18 | res.json({ error: err }); 19 | }; 20 | res.json({ info: 'oyuncu bilgisi oluşturuldu' }); 21 | }); 22 | }); 23 | 24 | app.get('/players', function (req, res) { 25 | Player.find(function (err, players) { 26 | if (err) { 27 | res.json({ error: err }); 28 | }; 29 | setTimeout(function () { 30 | res.json({ data: players }); 31 | }, 7000); 32 | }); 33 | }); 34 | 35 | app.get('/players/:id', function (req, res) { 36 | Player.findById(req.params.id, function (err, player) { 37 | if (err) { 38 | res.json({ error: err }); 39 | }; 40 | if (player) { 41 | res.json({ data: player }); 42 | } else { 43 | res.json({ info: 'oyuncu bulunamadı' }); 44 | } 45 | }); 46 | }); 47 | 48 | var server = app.listen(7001, function () { 49 | console.log('PlayerServer is online http://localhost:7001/'); 50 | }); -------------------------------------------------------------------------------- /Day07/server/TeamServer.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var app = express(); 3 | var bodyParser = require('body-parser'); 4 | var Team = require('../models/team.js'); 5 | 6 | var mongoose = require('mongoose'); 7 | mongoose.connect('mongodb://localhost/team', { useMongoClient: true }); 8 | 9 | app.use(bodyParser.json()); 10 | app.use(bodyParser.urlencoded({ 11 | extended: true 12 | })); 13 | 14 | app.post('/teams', function (req, res) { 15 | var newteam = new Team(req.body); 16 | newteam.save(function (err) { 17 | if (err) { 18 | res.json({ error: err }); 19 | }; 20 | res.json({ info: 'takım bilgisi oluşturuldu' }); 21 | }); 22 | }); 23 | 24 | app.get('/teams', function (req, res) { 25 | Team.find(function (err, teams) { 26 | if (err) { 27 | res.json({ error: err }); 28 | }; 29 | setTimeout(function () { 30 | res.json({ data: teams }); 31 | }, 7000); 32 | }); 33 | }); 34 | 35 | app.get('/teams/:id', function (req, res) { 36 | Team.findById(req.params.id, function (err, team) { 37 | if (err) { 38 | res.json({ error: err }); 39 | }; 40 | if (team) { 41 | res.json({ data: team }); 42 | } else { 43 | res.json({ info: 'takım bulunamadı' }); 44 | } 45 | }); 46 | }); 47 | 48 | var server = app.listen(7002, function () { 49 | console.log('TeamServer is online http://localhost:7002/'); 50 | }); -------------------------------------------------------------------------------- /Day08/app.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const chalk = require('chalk'); 3 | const debug = require('debug')('app'); 4 | const morgan = require('morgan'); 5 | const path = require('path'); 6 | const app = express(); 7 | const port = process.env.PORT || 3000 8 | 9 | app.use(morgan('tiny')); 10 | app.use(express.static(path.join(__dirname, 'public'))) 11 | app.set('views', './src/views'); 12 | app.set('view engine', 'ejs'); 13 | 14 | const nav = [{ link: '/books', title: 'Books' }, { link: '/authors', title: 'Authors' }]; 15 | const bookRouter = require('./src/routes/bookRoutes')(nav); 16 | app.use('/books', bookRouter); 17 | 18 | app.listen(port, function () { 19 | debug(`listening on port ${chalk.green(port)}`); 20 | }) -------------------------------------------------------------------------------- /Day08/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day08/package-lock.json -------------------------------------------------------------------------------- /Day08/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "library", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "app.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "set DEBUG=app:* & nodemon app.js", 9 | "lint": "eslint app.js" 10 | }, 11 | "author": "buraks", 12 | "license": "ISC", 13 | "dependencies": { 14 | "chalk": "2.4.1", 15 | "ejs": "^2.6.1", 16 | "express": "^4.16.3", 17 | "morgan": "^1.9.1", 18 | "mssql": "^4.2.1", 19 | "nodemon": "^1.18.4", 20 | "pug": "^2.0.3" 21 | }, 22 | "devDependencies": { 23 | "eslint": "^5.6.0", 24 | "eslint-config-airbnb-base": "^13.1.0", 25 | "eslint-plugin-import": "^2.14.0" 26 | }, 27 | "nodemonConfig": { 28 | "restartable": "rs", 29 | "ignore": [ 30 | "node_modules/**/node_modules" 31 | ], 32 | "delay": "2000", 33 | "env": { 34 | "NODE_ENV": "development", 35 | "PORT": 3005 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /Day08/public/css/bootstrap-grid.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */ 7 | @-ms-viewport { 8 | width: device-width; 9 | } 10 | 11 | html { 12 | box-sizing: border-box; 13 | -ms-overflow-style: scrollbar; 14 | } 15 | 16 | *, 17 | *::before, 18 | *::after { 19 | box-sizing: inherit; 20 | } 21 | 22 | .container { 23 | width: 100%; 24 | padding-right: 15px; 25 | padding-left: 15px; 26 | margin-right: auto; 27 | margin-left: auto; 28 | } 29 | 30 | @media (min-width: 576px) { 31 | .container { 32 | max-width: 540px; 33 | } 34 | } 35 | 36 | @media (min-width: 768px) { 37 | .container { 38 | max-width: 720px; 39 | } 40 | } 41 | 42 | @media (min-width: 992px) { 43 | .container { 44 | max-width: 960px; 45 | } 46 | } 47 | 48 | @media (min-width: 1200px) { 49 | .container { 50 | max-width: 1140px; 51 | } 52 | } 53 | 54 | .container-fluid { 55 | width: 100%; 56 | padding-right: 15px; 57 | padding-left: 15px; 58 | margin-right: auto; 59 | margin-left: auto; 60 | } 61 | 62 | .row { 63 | display: -ms-flexbox; 64 | display: flex; 65 | -ms-flex-wrap: wrap; 66 | flex-wrap: wrap; 67 | margin-right: -15px; 68 | margin-left: -15px; 69 | } 70 | 71 | .no-gutters { 72 | margin-right: 0; 73 | margin-left: 0; 74 | } 75 | 76 | .no-gutters > .col, 77 | .no-gutters > [class*="col-"] { 78 | padding-right: 0; 79 | padding-left: 0; 80 | } 81 | 82 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, 83 | .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, 84 | .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, 85 | .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, 86 | .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, 87 | .col-xl-auto { 88 | position: relative; 89 | width: 100%; 90 | min-height: 1px; 91 | padding-right: 15px; 92 | padding-left: 15px; 93 | } 94 | 95 | .col { 96 | -ms-flex-preferred-size: 0; 97 | flex-basis: 0; 98 | -ms-flex-positive: 1; 99 | flex-grow: 1; 100 | max-width: 100%; 101 | } 102 | 103 | .col-auto { 104 | -ms-flex: 0 0 auto; 105 | flex: 0 0 auto; 106 | width: auto; 107 | max-width: none; 108 | } 109 | 110 | .col-1 { 111 | -ms-flex: 0 0 8.333333%; 112 | flex: 0 0 8.333333%; 113 | max-width: 8.333333%; 114 | } 115 | 116 | .col-2 { 117 | -ms-flex: 0 0 16.666667%; 118 | flex: 0 0 16.666667%; 119 | max-width: 16.666667%; 120 | } 121 | 122 | .col-3 { 123 | -ms-flex: 0 0 25%; 124 | flex: 0 0 25%; 125 | max-width: 25%; 126 | } 127 | 128 | .col-4 { 129 | -ms-flex: 0 0 33.333333%; 130 | flex: 0 0 33.333333%; 131 | max-width: 33.333333%; 132 | } 133 | 134 | .col-5 { 135 | -ms-flex: 0 0 41.666667%; 136 | flex: 0 0 41.666667%; 137 | max-width: 41.666667%; 138 | } 139 | 140 | .col-6 { 141 | -ms-flex: 0 0 50%; 142 | flex: 0 0 50%; 143 | max-width: 50%; 144 | } 145 | 146 | .col-7 { 147 | -ms-flex: 0 0 58.333333%; 148 | flex: 0 0 58.333333%; 149 | max-width: 58.333333%; 150 | } 151 | 152 | .col-8 { 153 | -ms-flex: 0 0 66.666667%; 154 | flex: 0 0 66.666667%; 155 | max-width: 66.666667%; 156 | } 157 | 158 | .col-9 { 159 | -ms-flex: 0 0 75%; 160 | flex: 0 0 75%; 161 | max-width: 75%; 162 | } 163 | 164 | .col-10 { 165 | -ms-flex: 0 0 83.333333%; 166 | flex: 0 0 83.333333%; 167 | max-width: 83.333333%; 168 | } 169 | 170 | .col-11 { 171 | -ms-flex: 0 0 91.666667%; 172 | flex: 0 0 91.666667%; 173 | max-width: 91.666667%; 174 | } 175 | 176 | .col-12 { 177 | -ms-flex: 0 0 100%; 178 | flex: 0 0 100%; 179 | max-width: 100%; 180 | } 181 | 182 | .order-first { 183 | -ms-flex-order: -1; 184 | order: -1; 185 | } 186 | 187 | .order-last { 188 | -ms-flex-order: 13; 189 | order: 13; 190 | } 191 | 192 | .order-0 { 193 | -ms-flex-order: 0; 194 | order: 0; 195 | } 196 | 197 | .order-1 { 198 | -ms-flex-order: 1; 199 | order: 1; 200 | } 201 | 202 | .order-2 { 203 | -ms-flex-order: 2; 204 | order: 2; 205 | } 206 | 207 | .order-3 { 208 | -ms-flex-order: 3; 209 | order: 3; 210 | } 211 | 212 | .order-4 { 213 | -ms-flex-order: 4; 214 | order: 4; 215 | } 216 | 217 | .order-5 { 218 | -ms-flex-order: 5; 219 | order: 5; 220 | } 221 | 222 | .order-6 { 223 | -ms-flex-order: 6; 224 | order: 6; 225 | } 226 | 227 | .order-7 { 228 | -ms-flex-order: 7; 229 | order: 7; 230 | } 231 | 232 | .order-8 { 233 | -ms-flex-order: 8; 234 | order: 8; 235 | } 236 | 237 | .order-9 { 238 | -ms-flex-order: 9; 239 | order: 9; 240 | } 241 | 242 | .order-10 { 243 | -ms-flex-order: 10; 244 | order: 10; 245 | } 246 | 247 | .order-11 { 248 | -ms-flex-order: 11; 249 | order: 11; 250 | } 251 | 252 | .order-12 { 253 | -ms-flex-order: 12; 254 | order: 12; 255 | } 256 | 257 | .offset-1 { 258 | margin-left: 8.333333%; 259 | } 260 | 261 | .offset-2 { 262 | margin-left: 16.666667%; 263 | } 264 | 265 | .offset-3 { 266 | margin-left: 25%; 267 | } 268 | 269 | .offset-4 { 270 | margin-left: 33.333333%; 271 | } 272 | 273 | .offset-5 { 274 | margin-left: 41.666667%; 275 | } 276 | 277 | .offset-6 { 278 | margin-left: 50%; 279 | } 280 | 281 | .offset-7 { 282 | margin-left: 58.333333%; 283 | } 284 | 285 | .offset-8 { 286 | margin-left: 66.666667%; 287 | } 288 | 289 | .offset-9 { 290 | margin-left: 75%; 291 | } 292 | 293 | .offset-10 { 294 | margin-left: 83.333333%; 295 | } 296 | 297 | .offset-11 { 298 | margin-left: 91.666667%; 299 | } 300 | 301 | @media (min-width: 576px) { 302 | .col-sm { 303 | -ms-flex-preferred-size: 0; 304 | flex-basis: 0; 305 | -ms-flex-positive: 1; 306 | flex-grow: 1; 307 | max-width: 100%; 308 | } 309 | .col-sm-auto { 310 | -ms-flex: 0 0 auto; 311 | flex: 0 0 auto; 312 | width: auto; 313 | max-width: none; 314 | } 315 | .col-sm-1 { 316 | -ms-flex: 0 0 8.333333%; 317 | flex: 0 0 8.333333%; 318 | max-width: 8.333333%; 319 | } 320 | .col-sm-2 { 321 | -ms-flex: 0 0 16.666667%; 322 | flex: 0 0 16.666667%; 323 | max-width: 16.666667%; 324 | } 325 | .col-sm-3 { 326 | -ms-flex: 0 0 25%; 327 | flex: 0 0 25%; 328 | max-width: 25%; 329 | } 330 | .col-sm-4 { 331 | -ms-flex: 0 0 33.333333%; 332 | flex: 0 0 33.333333%; 333 | max-width: 33.333333%; 334 | } 335 | .col-sm-5 { 336 | -ms-flex: 0 0 41.666667%; 337 | flex: 0 0 41.666667%; 338 | max-width: 41.666667%; 339 | } 340 | .col-sm-6 { 341 | -ms-flex: 0 0 50%; 342 | flex: 0 0 50%; 343 | max-width: 50%; 344 | } 345 | .col-sm-7 { 346 | -ms-flex: 0 0 58.333333%; 347 | flex: 0 0 58.333333%; 348 | max-width: 58.333333%; 349 | } 350 | .col-sm-8 { 351 | -ms-flex: 0 0 66.666667%; 352 | flex: 0 0 66.666667%; 353 | max-width: 66.666667%; 354 | } 355 | .col-sm-9 { 356 | -ms-flex: 0 0 75%; 357 | flex: 0 0 75%; 358 | max-width: 75%; 359 | } 360 | .col-sm-10 { 361 | -ms-flex: 0 0 83.333333%; 362 | flex: 0 0 83.333333%; 363 | max-width: 83.333333%; 364 | } 365 | .col-sm-11 { 366 | -ms-flex: 0 0 91.666667%; 367 | flex: 0 0 91.666667%; 368 | max-width: 91.666667%; 369 | } 370 | .col-sm-12 { 371 | -ms-flex: 0 0 100%; 372 | flex: 0 0 100%; 373 | max-width: 100%; 374 | } 375 | .order-sm-first { 376 | -ms-flex-order: -1; 377 | order: -1; 378 | } 379 | .order-sm-last { 380 | -ms-flex-order: 13; 381 | order: 13; 382 | } 383 | .order-sm-0 { 384 | -ms-flex-order: 0; 385 | order: 0; 386 | } 387 | .order-sm-1 { 388 | -ms-flex-order: 1; 389 | order: 1; 390 | } 391 | .order-sm-2 { 392 | -ms-flex-order: 2; 393 | order: 2; 394 | } 395 | .order-sm-3 { 396 | -ms-flex-order: 3; 397 | order: 3; 398 | } 399 | .order-sm-4 { 400 | -ms-flex-order: 4; 401 | order: 4; 402 | } 403 | .order-sm-5 { 404 | -ms-flex-order: 5; 405 | order: 5; 406 | } 407 | .order-sm-6 { 408 | -ms-flex-order: 6; 409 | order: 6; 410 | } 411 | .order-sm-7 { 412 | -ms-flex-order: 7; 413 | order: 7; 414 | } 415 | .order-sm-8 { 416 | -ms-flex-order: 8; 417 | order: 8; 418 | } 419 | .order-sm-9 { 420 | -ms-flex-order: 9; 421 | order: 9; 422 | } 423 | .order-sm-10 { 424 | -ms-flex-order: 10; 425 | order: 10; 426 | } 427 | .order-sm-11 { 428 | -ms-flex-order: 11; 429 | order: 11; 430 | } 431 | .order-sm-12 { 432 | -ms-flex-order: 12; 433 | order: 12; 434 | } 435 | .offset-sm-0 { 436 | margin-left: 0; 437 | } 438 | .offset-sm-1 { 439 | margin-left: 8.333333%; 440 | } 441 | .offset-sm-2 { 442 | margin-left: 16.666667%; 443 | } 444 | .offset-sm-3 { 445 | margin-left: 25%; 446 | } 447 | .offset-sm-4 { 448 | margin-left: 33.333333%; 449 | } 450 | .offset-sm-5 { 451 | margin-left: 41.666667%; 452 | } 453 | .offset-sm-6 { 454 | margin-left: 50%; 455 | } 456 | .offset-sm-7 { 457 | margin-left: 58.333333%; 458 | } 459 | .offset-sm-8 { 460 | margin-left: 66.666667%; 461 | } 462 | .offset-sm-9 { 463 | margin-left: 75%; 464 | } 465 | .offset-sm-10 { 466 | margin-left: 83.333333%; 467 | } 468 | .offset-sm-11 { 469 | margin-left: 91.666667%; 470 | } 471 | } 472 | 473 | @media (min-width: 768px) { 474 | .col-md { 475 | -ms-flex-preferred-size: 0; 476 | flex-basis: 0; 477 | -ms-flex-positive: 1; 478 | flex-grow: 1; 479 | max-width: 100%; 480 | } 481 | .col-md-auto { 482 | -ms-flex: 0 0 auto; 483 | flex: 0 0 auto; 484 | width: auto; 485 | max-width: none; 486 | } 487 | .col-md-1 { 488 | -ms-flex: 0 0 8.333333%; 489 | flex: 0 0 8.333333%; 490 | max-width: 8.333333%; 491 | } 492 | .col-md-2 { 493 | -ms-flex: 0 0 16.666667%; 494 | flex: 0 0 16.666667%; 495 | max-width: 16.666667%; 496 | } 497 | .col-md-3 { 498 | -ms-flex: 0 0 25%; 499 | flex: 0 0 25%; 500 | max-width: 25%; 501 | } 502 | .col-md-4 { 503 | -ms-flex: 0 0 33.333333%; 504 | flex: 0 0 33.333333%; 505 | max-width: 33.333333%; 506 | } 507 | .col-md-5 { 508 | -ms-flex: 0 0 41.666667%; 509 | flex: 0 0 41.666667%; 510 | max-width: 41.666667%; 511 | } 512 | .col-md-6 { 513 | -ms-flex: 0 0 50%; 514 | flex: 0 0 50%; 515 | max-width: 50%; 516 | } 517 | .col-md-7 { 518 | -ms-flex: 0 0 58.333333%; 519 | flex: 0 0 58.333333%; 520 | max-width: 58.333333%; 521 | } 522 | .col-md-8 { 523 | -ms-flex: 0 0 66.666667%; 524 | flex: 0 0 66.666667%; 525 | max-width: 66.666667%; 526 | } 527 | .col-md-9 { 528 | -ms-flex: 0 0 75%; 529 | flex: 0 0 75%; 530 | max-width: 75%; 531 | } 532 | .col-md-10 { 533 | -ms-flex: 0 0 83.333333%; 534 | flex: 0 0 83.333333%; 535 | max-width: 83.333333%; 536 | } 537 | .col-md-11 { 538 | -ms-flex: 0 0 91.666667%; 539 | flex: 0 0 91.666667%; 540 | max-width: 91.666667%; 541 | } 542 | .col-md-12 { 543 | -ms-flex: 0 0 100%; 544 | flex: 0 0 100%; 545 | max-width: 100%; 546 | } 547 | .order-md-first { 548 | -ms-flex-order: -1; 549 | order: -1; 550 | } 551 | .order-md-last { 552 | -ms-flex-order: 13; 553 | order: 13; 554 | } 555 | .order-md-0 { 556 | -ms-flex-order: 0; 557 | order: 0; 558 | } 559 | .order-md-1 { 560 | -ms-flex-order: 1; 561 | order: 1; 562 | } 563 | .order-md-2 { 564 | -ms-flex-order: 2; 565 | order: 2; 566 | } 567 | .order-md-3 { 568 | -ms-flex-order: 3; 569 | order: 3; 570 | } 571 | .order-md-4 { 572 | -ms-flex-order: 4; 573 | order: 4; 574 | } 575 | .order-md-5 { 576 | -ms-flex-order: 5; 577 | order: 5; 578 | } 579 | .order-md-6 { 580 | -ms-flex-order: 6; 581 | order: 6; 582 | } 583 | .order-md-7 { 584 | -ms-flex-order: 7; 585 | order: 7; 586 | } 587 | .order-md-8 { 588 | -ms-flex-order: 8; 589 | order: 8; 590 | } 591 | .order-md-9 { 592 | -ms-flex-order: 9; 593 | order: 9; 594 | } 595 | .order-md-10 { 596 | -ms-flex-order: 10; 597 | order: 10; 598 | } 599 | .order-md-11 { 600 | -ms-flex-order: 11; 601 | order: 11; 602 | } 603 | .order-md-12 { 604 | -ms-flex-order: 12; 605 | order: 12; 606 | } 607 | .offset-md-0 { 608 | margin-left: 0; 609 | } 610 | .offset-md-1 { 611 | margin-left: 8.333333%; 612 | } 613 | .offset-md-2 { 614 | margin-left: 16.666667%; 615 | } 616 | .offset-md-3 { 617 | margin-left: 25%; 618 | } 619 | .offset-md-4 { 620 | margin-left: 33.333333%; 621 | } 622 | .offset-md-5 { 623 | margin-left: 41.666667%; 624 | } 625 | .offset-md-6 { 626 | margin-left: 50%; 627 | } 628 | .offset-md-7 { 629 | margin-left: 58.333333%; 630 | } 631 | .offset-md-8 { 632 | margin-left: 66.666667%; 633 | } 634 | .offset-md-9 { 635 | margin-left: 75%; 636 | } 637 | .offset-md-10 { 638 | margin-left: 83.333333%; 639 | } 640 | .offset-md-11 { 641 | margin-left: 91.666667%; 642 | } 643 | } 644 | 645 | @media (min-width: 992px) { 646 | .col-lg { 647 | -ms-flex-preferred-size: 0; 648 | flex-basis: 0; 649 | -ms-flex-positive: 1; 650 | flex-grow: 1; 651 | max-width: 100%; 652 | } 653 | .col-lg-auto { 654 | -ms-flex: 0 0 auto; 655 | flex: 0 0 auto; 656 | width: auto; 657 | max-width: none; 658 | } 659 | .col-lg-1 { 660 | -ms-flex: 0 0 8.333333%; 661 | flex: 0 0 8.333333%; 662 | max-width: 8.333333%; 663 | } 664 | .col-lg-2 { 665 | -ms-flex: 0 0 16.666667%; 666 | flex: 0 0 16.666667%; 667 | max-width: 16.666667%; 668 | } 669 | .col-lg-3 { 670 | -ms-flex: 0 0 25%; 671 | flex: 0 0 25%; 672 | max-width: 25%; 673 | } 674 | .col-lg-4 { 675 | -ms-flex: 0 0 33.333333%; 676 | flex: 0 0 33.333333%; 677 | max-width: 33.333333%; 678 | } 679 | .col-lg-5 { 680 | -ms-flex: 0 0 41.666667%; 681 | flex: 0 0 41.666667%; 682 | max-width: 41.666667%; 683 | } 684 | .col-lg-6 { 685 | -ms-flex: 0 0 50%; 686 | flex: 0 0 50%; 687 | max-width: 50%; 688 | } 689 | .col-lg-7 { 690 | -ms-flex: 0 0 58.333333%; 691 | flex: 0 0 58.333333%; 692 | max-width: 58.333333%; 693 | } 694 | .col-lg-8 { 695 | -ms-flex: 0 0 66.666667%; 696 | flex: 0 0 66.666667%; 697 | max-width: 66.666667%; 698 | } 699 | .col-lg-9 { 700 | -ms-flex: 0 0 75%; 701 | flex: 0 0 75%; 702 | max-width: 75%; 703 | } 704 | .col-lg-10 { 705 | -ms-flex: 0 0 83.333333%; 706 | flex: 0 0 83.333333%; 707 | max-width: 83.333333%; 708 | } 709 | .col-lg-11 { 710 | -ms-flex: 0 0 91.666667%; 711 | flex: 0 0 91.666667%; 712 | max-width: 91.666667%; 713 | } 714 | .col-lg-12 { 715 | -ms-flex: 0 0 100%; 716 | flex: 0 0 100%; 717 | max-width: 100%; 718 | } 719 | .order-lg-first { 720 | -ms-flex-order: -1; 721 | order: -1; 722 | } 723 | .order-lg-last { 724 | -ms-flex-order: 13; 725 | order: 13; 726 | } 727 | .order-lg-0 { 728 | -ms-flex-order: 0; 729 | order: 0; 730 | } 731 | .order-lg-1 { 732 | -ms-flex-order: 1; 733 | order: 1; 734 | } 735 | .order-lg-2 { 736 | -ms-flex-order: 2; 737 | order: 2; 738 | } 739 | .order-lg-3 { 740 | -ms-flex-order: 3; 741 | order: 3; 742 | } 743 | .order-lg-4 { 744 | -ms-flex-order: 4; 745 | order: 4; 746 | } 747 | .order-lg-5 { 748 | -ms-flex-order: 5; 749 | order: 5; 750 | } 751 | .order-lg-6 { 752 | -ms-flex-order: 6; 753 | order: 6; 754 | } 755 | .order-lg-7 { 756 | -ms-flex-order: 7; 757 | order: 7; 758 | } 759 | .order-lg-8 { 760 | -ms-flex-order: 8; 761 | order: 8; 762 | } 763 | .order-lg-9 { 764 | -ms-flex-order: 9; 765 | order: 9; 766 | } 767 | .order-lg-10 { 768 | -ms-flex-order: 10; 769 | order: 10; 770 | } 771 | .order-lg-11 { 772 | -ms-flex-order: 11; 773 | order: 11; 774 | } 775 | .order-lg-12 { 776 | -ms-flex-order: 12; 777 | order: 12; 778 | } 779 | .offset-lg-0 { 780 | margin-left: 0; 781 | } 782 | .offset-lg-1 { 783 | margin-left: 8.333333%; 784 | } 785 | .offset-lg-2 { 786 | margin-left: 16.666667%; 787 | } 788 | .offset-lg-3 { 789 | margin-left: 25%; 790 | } 791 | .offset-lg-4 { 792 | margin-left: 33.333333%; 793 | } 794 | .offset-lg-5 { 795 | margin-left: 41.666667%; 796 | } 797 | .offset-lg-6 { 798 | margin-left: 50%; 799 | } 800 | .offset-lg-7 { 801 | margin-left: 58.333333%; 802 | } 803 | .offset-lg-8 { 804 | margin-left: 66.666667%; 805 | } 806 | .offset-lg-9 { 807 | margin-left: 75%; 808 | } 809 | .offset-lg-10 { 810 | margin-left: 83.333333%; 811 | } 812 | .offset-lg-11 { 813 | margin-left: 91.666667%; 814 | } 815 | } 816 | 817 | @media (min-width: 1200px) { 818 | .col-xl { 819 | -ms-flex-preferred-size: 0; 820 | flex-basis: 0; 821 | -ms-flex-positive: 1; 822 | flex-grow: 1; 823 | max-width: 100%; 824 | } 825 | .col-xl-auto { 826 | -ms-flex: 0 0 auto; 827 | flex: 0 0 auto; 828 | width: auto; 829 | max-width: none; 830 | } 831 | .col-xl-1 { 832 | -ms-flex: 0 0 8.333333%; 833 | flex: 0 0 8.333333%; 834 | max-width: 8.333333%; 835 | } 836 | .col-xl-2 { 837 | -ms-flex: 0 0 16.666667%; 838 | flex: 0 0 16.666667%; 839 | max-width: 16.666667%; 840 | } 841 | .col-xl-3 { 842 | -ms-flex: 0 0 25%; 843 | flex: 0 0 25%; 844 | max-width: 25%; 845 | } 846 | .col-xl-4 { 847 | -ms-flex: 0 0 33.333333%; 848 | flex: 0 0 33.333333%; 849 | max-width: 33.333333%; 850 | } 851 | .col-xl-5 { 852 | -ms-flex: 0 0 41.666667%; 853 | flex: 0 0 41.666667%; 854 | max-width: 41.666667%; 855 | } 856 | .col-xl-6 { 857 | -ms-flex: 0 0 50%; 858 | flex: 0 0 50%; 859 | max-width: 50%; 860 | } 861 | .col-xl-7 { 862 | -ms-flex: 0 0 58.333333%; 863 | flex: 0 0 58.333333%; 864 | max-width: 58.333333%; 865 | } 866 | .col-xl-8 { 867 | -ms-flex: 0 0 66.666667%; 868 | flex: 0 0 66.666667%; 869 | max-width: 66.666667%; 870 | } 871 | .col-xl-9 { 872 | -ms-flex: 0 0 75%; 873 | flex: 0 0 75%; 874 | max-width: 75%; 875 | } 876 | .col-xl-10 { 877 | -ms-flex: 0 0 83.333333%; 878 | flex: 0 0 83.333333%; 879 | max-width: 83.333333%; 880 | } 881 | .col-xl-11 { 882 | -ms-flex: 0 0 91.666667%; 883 | flex: 0 0 91.666667%; 884 | max-width: 91.666667%; 885 | } 886 | .col-xl-12 { 887 | -ms-flex: 0 0 100%; 888 | flex: 0 0 100%; 889 | max-width: 100%; 890 | } 891 | .order-xl-first { 892 | -ms-flex-order: -1; 893 | order: -1; 894 | } 895 | .order-xl-last { 896 | -ms-flex-order: 13; 897 | order: 13; 898 | } 899 | .order-xl-0 { 900 | -ms-flex-order: 0; 901 | order: 0; 902 | } 903 | .order-xl-1 { 904 | -ms-flex-order: 1; 905 | order: 1; 906 | } 907 | .order-xl-2 { 908 | -ms-flex-order: 2; 909 | order: 2; 910 | } 911 | .order-xl-3 { 912 | -ms-flex-order: 3; 913 | order: 3; 914 | } 915 | .order-xl-4 { 916 | -ms-flex-order: 4; 917 | order: 4; 918 | } 919 | .order-xl-5 { 920 | -ms-flex-order: 5; 921 | order: 5; 922 | } 923 | .order-xl-6 { 924 | -ms-flex-order: 6; 925 | order: 6; 926 | } 927 | .order-xl-7 { 928 | -ms-flex-order: 7; 929 | order: 7; 930 | } 931 | .order-xl-8 { 932 | -ms-flex-order: 8; 933 | order: 8; 934 | } 935 | .order-xl-9 { 936 | -ms-flex-order: 9; 937 | order: 9; 938 | } 939 | .order-xl-10 { 940 | -ms-flex-order: 10; 941 | order: 10; 942 | } 943 | .order-xl-11 { 944 | -ms-flex-order: 11; 945 | order: 11; 946 | } 947 | .order-xl-12 { 948 | -ms-flex-order: 12; 949 | order: 12; 950 | } 951 | .offset-xl-0 { 952 | margin-left: 0; 953 | } 954 | .offset-xl-1 { 955 | margin-left: 8.333333%; 956 | } 957 | .offset-xl-2 { 958 | margin-left: 16.666667%; 959 | } 960 | .offset-xl-3 { 961 | margin-left: 25%; 962 | } 963 | .offset-xl-4 { 964 | margin-left: 33.333333%; 965 | } 966 | .offset-xl-5 { 967 | margin-left: 41.666667%; 968 | } 969 | .offset-xl-6 { 970 | margin-left: 50%; 971 | } 972 | .offset-xl-7 { 973 | margin-left: 58.333333%; 974 | } 975 | .offset-xl-8 { 976 | margin-left: 66.666667%; 977 | } 978 | .offset-xl-9 { 979 | margin-left: 75%; 980 | } 981 | .offset-xl-10 { 982 | margin-left: 83.333333%; 983 | } 984 | .offset-xl-11 { 985 | margin-left: 91.666667%; 986 | } 987 | } 988 | 989 | .d-none { 990 | display: none !important; 991 | } 992 | 993 | .d-inline { 994 | display: inline !important; 995 | } 996 | 997 | .d-inline-block { 998 | display: inline-block !important; 999 | } 1000 | 1001 | .d-block { 1002 | display: block !important; 1003 | } 1004 | 1005 | .d-table { 1006 | display: table !important; 1007 | } 1008 | 1009 | .d-table-row { 1010 | display: table-row !important; 1011 | } 1012 | 1013 | .d-table-cell { 1014 | display: table-cell !important; 1015 | } 1016 | 1017 | .d-flex { 1018 | display: -ms-flexbox !important; 1019 | display: flex !important; 1020 | } 1021 | 1022 | .d-inline-flex { 1023 | display: -ms-inline-flexbox !important; 1024 | display: inline-flex !important; 1025 | } 1026 | 1027 | @media (min-width: 576px) { 1028 | .d-sm-none { 1029 | display: none !important; 1030 | } 1031 | .d-sm-inline { 1032 | display: inline !important; 1033 | } 1034 | .d-sm-inline-block { 1035 | display: inline-block !important; 1036 | } 1037 | .d-sm-block { 1038 | display: block !important; 1039 | } 1040 | .d-sm-table { 1041 | display: table !important; 1042 | } 1043 | .d-sm-table-row { 1044 | display: table-row !important; 1045 | } 1046 | .d-sm-table-cell { 1047 | display: table-cell !important; 1048 | } 1049 | .d-sm-flex { 1050 | display: -ms-flexbox !important; 1051 | display: flex !important; 1052 | } 1053 | .d-sm-inline-flex { 1054 | display: -ms-inline-flexbox !important; 1055 | display: inline-flex !important; 1056 | } 1057 | } 1058 | 1059 | @media (min-width: 768px) { 1060 | .d-md-none { 1061 | display: none !important; 1062 | } 1063 | .d-md-inline { 1064 | display: inline !important; 1065 | } 1066 | .d-md-inline-block { 1067 | display: inline-block !important; 1068 | } 1069 | .d-md-block { 1070 | display: block !important; 1071 | } 1072 | .d-md-table { 1073 | display: table !important; 1074 | } 1075 | .d-md-table-row { 1076 | display: table-row !important; 1077 | } 1078 | .d-md-table-cell { 1079 | display: table-cell !important; 1080 | } 1081 | .d-md-flex { 1082 | display: -ms-flexbox !important; 1083 | display: flex !important; 1084 | } 1085 | .d-md-inline-flex { 1086 | display: -ms-inline-flexbox !important; 1087 | display: inline-flex !important; 1088 | } 1089 | } 1090 | 1091 | @media (min-width: 992px) { 1092 | .d-lg-none { 1093 | display: none !important; 1094 | } 1095 | .d-lg-inline { 1096 | display: inline !important; 1097 | } 1098 | .d-lg-inline-block { 1099 | display: inline-block !important; 1100 | } 1101 | .d-lg-block { 1102 | display: block !important; 1103 | } 1104 | .d-lg-table { 1105 | display: table !important; 1106 | } 1107 | .d-lg-table-row { 1108 | display: table-row !important; 1109 | } 1110 | .d-lg-table-cell { 1111 | display: table-cell !important; 1112 | } 1113 | .d-lg-flex { 1114 | display: -ms-flexbox !important; 1115 | display: flex !important; 1116 | } 1117 | .d-lg-inline-flex { 1118 | display: -ms-inline-flexbox !important; 1119 | display: inline-flex !important; 1120 | } 1121 | } 1122 | 1123 | @media (min-width: 1200px) { 1124 | .d-xl-none { 1125 | display: none !important; 1126 | } 1127 | .d-xl-inline { 1128 | display: inline !important; 1129 | } 1130 | .d-xl-inline-block { 1131 | display: inline-block !important; 1132 | } 1133 | .d-xl-block { 1134 | display: block !important; 1135 | } 1136 | .d-xl-table { 1137 | display: table !important; 1138 | } 1139 | .d-xl-table-row { 1140 | display: table-row !important; 1141 | } 1142 | .d-xl-table-cell { 1143 | display: table-cell !important; 1144 | } 1145 | .d-xl-flex { 1146 | display: -ms-flexbox !important; 1147 | display: flex !important; 1148 | } 1149 | .d-xl-inline-flex { 1150 | display: -ms-inline-flexbox !important; 1151 | display: inline-flex !important; 1152 | } 1153 | } 1154 | 1155 | @media print { 1156 | .d-print-none { 1157 | display: none !important; 1158 | } 1159 | .d-print-inline { 1160 | display: inline !important; 1161 | } 1162 | .d-print-inline-block { 1163 | display: inline-block !important; 1164 | } 1165 | .d-print-block { 1166 | display: block !important; 1167 | } 1168 | .d-print-table { 1169 | display: table !important; 1170 | } 1171 | .d-print-table-row { 1172 | display: table-row !important; 1173 | } 1174 | .d-print-table-cell { 1175 | display: table-cell !important; 1176 | } 1177 | .d-print-flex { 1178 | display: -ms-flexbox !important; 1179 | display: flex !important; 1180 | } 1181 | .d-print-inline-flex { 1182 | display: -ms-inline-flexbox !important; 1183 | display: inline-flex !important; 1184 | } 1185 | } 1186 | 1187 | .flex-row { 1188 | -ms-flex-direction: row !important; 1189 | flex-direction: row !important; 1190 | } 1191 | 1192 | .flex-column { 1193 | -ms-flex-direction: column !important; 1194 | flex-direction: column !important; 1195 | } 1196 | 1197 | .flex-row-reverse { 1198 | -ms-flex-direction: row-reverse !important; 1199 | flex-direction: row-reverse !important; 1200 | } 1201 | 1202 | .flex-column-reverse { 1203 | -ms-flex-direction: column-reverse !important; 1204 | flex-direction: column-reverse !important; 1205 | } 1206 | 1207 | .flex-wrap { 1208 | -ms-flex-wrap: wrap !important; 1209 | flex-wrap: wrap !important; 1210 | } 1211 | 1212 | .flex-nowrap { 1213 | -ms-flex-wrap: nowrap !important; 1214 | flex-wrap: nowrap !important; 1215 | } 1216 | 1217 | .flex-wrap-reverse { 1218 | -ms-flex-wrap: wrap-reverse !important; 1219 | flex-wrap: wrap-reverse !important; 1220 | } 1221 | 1222 | .flex-fill { 1223 | -ms-flex: 1 1 auto !important; 1224 | flex: 1 1 auto !important; 1225 | } 1226 | 1227 | .flex-grow-0 { 1228 | -ms-flex-positive: 0 !important; 1229 | flex-grow: 0 !important; 1230 | } 1231 | 1232 | .flex-grow-1 { 1233 | -ms-flex-positive: 1 !important; 1234 | flex-grow: 1 !important; 1235 | } 1236 | 1237 | .flex-shrink-0 { 1238 | -ms-flex-negative: 0 !important; 1239 | flex-shrink: 0 !important; 1240 | } 1241 | 1242 | .flex-shrink-1 { 1243 | -ms-flex-negative: 1 !important; 1244 | flex-shrink: 1 !important; 1245 | } 1246 | 1247 | .justify-content-start { 1248 | -ms-flex-pack: start !important; 1249 | justify-content: flex-start !important; 1250 | } 1251 | 1252 | .justify-content-end { 1253 | -ms-flex-pack: end !important; 1254 | justify-content: flex-end !important; 1255 | } 1256 | 1257 | .justify-content-center { 1258 | -ms-flex-pack: center !important; 1259 | justify-content: center !important; 1260 | } 1261 | 1262 | .justify-content-between { 1263 | -ms-flex-pack: justify !important; 1264 | justify-content: space-between !important; 1265 | } 1266 | 1267 | .justify-content-around { 1268 | -ms-flex-pack: distribute !important; 1269 | justify-content: space-around !important; 1270 | } 1271 | 1272 | .align-items-start { 1273 | -ms-flex-align: start !important; 1274 | align-items: flex-start !important; 1275 | } 1276 | 1277 | .align-items-end { 1278 | -ms-flex-align: end !important; 1279 | align-items: flex-end !important; 1280 | } 1281 | 1282 | .align-items-center { 1283 | -ms-flex-align: center !important; 1284 | align-items: center !important; 1285 | } 1286 | 1287 | .align-items-baseline { 1288 | -ms-flex-align: baseline !important; 1289 | align-items: baseline !important; 1290 | } 1291 | 1292 | .align-items-stretch { 1293 | -ms-flex-align: stretch !important; 1294 | align-items: stretch !important; 1295 | } 1296 | 1297 | .align-content-start { 1298 | -ms-flex-line-pack: start !important; 1299 | align-content: flex-start !important; 1300 | } 1301 | 1302 | .align-content-end { 1303 | -ms-flex-line-pack: end !important; 1304 | align-content: flex-end !important; 1305 | } 1306 | 1307 | .align-content-center { 1308 | -ms-flex-line-pack: center !important; 1309 | align-content: center !important; 1310 | } 1311 | 1312 | .align-content-between { 1313 | -ms-flex-line-pack: justify !important; 1314 | align-content: space-between !important; 1315 | } 1316 | 1317 | .align-content-around { 1318 | -ms-flex-line-pack: distribute !important; 1319 | align-content: space-around !important; 1320 | } 1321 | 1322 | .align-content-stretch { 1323 | -ms-flex-line-pack: stretch !important; 1324 | align-content: stretch !important; 1325 | } 1326 | 1327 | .align-self-auto { 1328 | -ms-flex-item-align: auto !important; 1329 | align-self: auto !important; 1330 | } 1331 | 1332 | .align-self-start { 1333 | -ms-flex-item-align: start !important; 1334 | align-self: flex-start !important; 1335 | } 1336 | 1337 | .align-self-end { 1338 | -ms-flex-item-align: end !important; 1339 | align-self: flex-end !important; 1340 | } 1341 | 1342 | .align-self-center { 1343 | -ms-flex-item-align: center !important; 1344 | align-self: center !important; 1345 | } 1346 | 1347 | .align-self-baseline { 1348 | -ms-flex-item-align: baseline !important; 1349 | align-self: baseline !important; 1350 | } 1351 | 1352 | .align-self-stretch { 1353 | -ms-flex-item-align: stretch !important; 1354 | align-self: stretch !important; 1355 | } 1356 | 1357 | @media (min-width: 576px) { 1358 | .flex-sm-row { 1359 | -ms-flex-direction: row !important; 1360 | flex-direction: row !important; 1361 | } 1362 | .flex-sm-column { 1363 | -ms-flex-direction: column !important; 1364 | flex-direction: column !important; 1365 | } 1366 | .flex-sm-row-reverse { 1367 | -ms-flex-direction: row-reverse !important; 1368 | flex-direction: row-reverse !important; 1369 | } 1370 | .flex-sm-column-reverse { 1371 | -ms-flex-direction: column-reverse !important; 1372 | flex-direction: column-reverse !important; 1373 | } 1374 | .flex-sm-wrap { 1375 | -ms-flex-wrap: wrap !important; 1376 | flex-wrap: wrap !important; 1377 | } 1378 | .flex-sm-nowrap { 1379 | -ms-flex-wrap: nowrap !important; 1380 | flex-wrap: nowrap !important; 1381 | } 1382 | .flex-sm-wrap-reverse { 1383 | -ms-flex-wrap: wrap-reverse !important; 1384 | flex-wrap: wrap-reverse !important; 1385 | } 1386 | .flex-sm-fill { 1387 | -ms-flex: 1 1 auto !important; 1388 | flex: 1 1 auto !important; 1389 | } 1390 | .flex-sm-grow-0 { 1391 | -ms-flex-positive: 0 !important; 1392 | flex-grow: 0 !important; 1393 | } 1394 | .flex-sm-grow-1 { 1395 | -ms-flex-positive: 1 !important; 1396 | flex-grow: 1 !important; 1397 | } 1398 | .flex-sm-shrink-0 { 1399 | -ms-flex-negative: 0 !important; 1400 | flex-shrink: 0 !important; 1401 | } 1402 | .flex-sm-shrink-1 { 1403 | -ms-flex-negative: 1 !important; 1404 | flex-shrink: 1 !important; 1405 | } 1406 | .justify-content-sm-start { 1407 | -ms-flex-pack: start !important; 1408 | justify-content: flex-start !important; 1409 | } 1410 | .justify-content-sm-end { 1411 | -ms-flex-pack: end !important; 1412 | justify-content: flex-end !important; 1413 | } 1414 | .justify-content-sm-center { 1415 | -ms-flex-pack: center !important; 1416 | justify-content: center !important; 1417 | } 1418 | .justify-content-sm-between { 1419 | -ms-flex-pack: justify !important; 1420 | justify-content: space-between !important; 1421 | } 1422 | .justify-content-sm-around { 1423 | -ms-flex-pack: distribute !important; 1424 | justify-content: space-around !important; 1425 | } 1426 | .align-items-sm-start { 1427 | -ms-flex-align: start !important; 1428 | align-items: flex-start !important; 1429 | } 1430 | .align-items-sm-end { 1431 | -ms-flex-align: end !important; 1432 | align-items: flex-end !important; 1433 | } 1434 | .align-items-sm-center { 1435 | -ms-flex-align: center !important; 1436 | align-items: center !important; 1437 | } 1438 | .align-items-sm-baseline { 1439 | -ms-flex-align: baseline !important; 1440 | align-items: baseline !important; 1441 | } 1442 | .align-items-sm-stretch { 1443 | -ms-flex-align: stretch !important; 1444 | align-items: stretch !important; 1445 | } 1446 | .align-content-sm-start { 1447 | -ms-flex-line-pack: start !important; 1448 | align-content: flex-start !important; 1449 | } 1450 | .align-content-sm-end { 1451 | -ms-flex-line-pack: end !important; 1452 | align-content: flex-end !important; 1453 | } 1454 | .align-content-sm-center { 1455 | -ms-flex-line-pack: center !important; 1456 | align-content: center !important; 1457 | } 1458 | .align-content-sm-between { 1459 | -ms-flex-line-pack: justify !important; 1460 | align-content: space-between !important; 1461 | } 1462 | .align-content-sm-around { 1463 | -ms-flex-line-pack: distribute !important; 1464 | align-content: space-around !important; 1465 | } 1466 | .align-content-sm-stretch { 1467 | -ms-flex-line-pack: stretch !important; 1468 | align-content: stretch !important; 1469 | } 1470 | .align-self-sm-auto { 1471 | -ms-flex-item-align: auto !important; 1472 | align-self: auto !important; 1473 | } 1474 | .align-self-sm-start { 1475 | -ms-flex-item-align: start !important; 1476 | align-self: flex-start !important; 1477 | } 1478 | .align-self-sm-end { 1479 | -ms-flex-item-align: end !important; 1480 | align-self: flex-end !important; 1481 | } 1482 | .align-self-sm-center { 1483 | -ms-flex-item-align: center !important; 1484 | align-self: center !important; 1485 | } 1486 | .align-self-sm-baseline { 1487 | -ms-flex-item-align: baseline !important; 1488 | align-self: baseline !important; 1489 | } 1490 | .align-self-sm-stretch { 1491 | -ms-flex-item-align: stretch !important; 1492 | align-self: stretch !important; 1493 | } 1494 | } 1495 | 1496 | @media (min-width: 768px) { 1497 | .flex-md-row { 1498 | -ms-flex-direction: row !important; 1499 | flex-direction: row !important; 1500 | } 1501 | .flex-md-column { 1502 | -ms-flex-direction: column !important; 1503 | flex-direction: column !important; 1504 | } 1505 | .flex-md-row-reverse { 1506 | -ms-flex-direction: row-reverse !important; 1507 | flex-direction: row-reverse !important; 1508 | } 1509 | .flex-md-column-reverse { 1510 | -ms-flex-direction: column-reverse !important; 1511 | flex-direction: column-reverse !important; 1512 | } 1513 | .flex-md-wrap { 1514 | -ms-flex-wrap: wrap !important; 1515 | flex-wrap: wrap !important; 1516 | } 1517 | .flex-md-nowrap { 1518 | -ms-flex-wrap: nowrap !important; 1519 | flex-wrap: nowrap !important; 1520 | } 1521 | .flex-md-wrap-reverse { 1522 | -ms-flex-wrap: wrap-reverse !important; 1523 | flex-wrap: wrap-reverse !important; 1524 | } 1525 | .flex-md-fill { 1526 | -ms-flex: 1 1 auto !important; 1527 | flex: 1 1 auto !important; 1528 | } 1529 | .flex-md-grow-0 { 1530 | -ms-flex-positive: 0 !important; 1531 | flex-grow: 0 !important; 1532 | } 1533 | .flex-md-grow-1 { 1534 | -ms-flex-positive: 1 !important; 1535 | flex-grow: 1 !important; 1536 | } 1537 | .flex-md-shrink-0 { 1538 | -ms-flex-negative: 0 !important; 1539 | flex-shrink: 0 !important; 1540 | } 1541 | .flex-md-shrink-1 { 1542 | -ms-flex-negative: 1 !important; 1543 | flex-shrink: 1 !important; 1544 | } 1545 | .justify-content-md-start { 1546 | -ms-flex-pack: start !important; 1547 | justify-content: flex-start !important; 1548 | } 1549 | .justify-content-md-end { 1550 | -ms-flex-pack: end !important; 1551 | justify-content: flex-end !important; 1552 | } 1553 | .justify-content-md-center { 1554 | -ms-flex-pack: center !important; 1555 | justify-content: center !important; 1556 | } 1557 | .justify-content-md-between { 1558 | -ms-flex-pack: justify !important; 1559 | justify-content: space-between !important; 1560 | } 1561 | .justify-content-md-around { 1562 | -ms-flex-pack: distribute !important; 1563 | justify-content: space-around !important; 1564 | } 1565 | .align-items-md-start { 1566 | -ms-flex-align: start !important; 1567 | align-items: flex-start !important; 1568 | } 1569 | .align-items-md-end { 1570 | -ms-flex-align: end !important; 1571 | align-items: flex-end !important; 1572 | } 1573 | .align-items-md-center { 1574 | -ms-flex-align: center !important; 1575 | align-items: center !important; 1576 | } 1577 | .align-items-md-baseline { 1578 | -ms-flex-align: baseline !important; 1579 | align-items: baseline !important; 1580 | } 1581 | .align-items-md-stretch { 1582 | -ms-flex-align: stretch !important; 1583 | align-items: stretch !important; 1584 | } 1585 | .align-content-md-start { 1586 | -ms-flex-line-pack: start !important; 1587 | align-content: flex-start !important; 1588 | } 1589 | .align-content-md-end { 1590 | -ms-flex-line-pack: end !important; 1591 | align-content: flex-end !important; 1592 | } 1593 | .align-content-md-center { 1594 | -ms-flex-line-pack: center !important; 1595 | align-content: center !important; 1596 | } 1597 | .align-content-md-between { 1598 | -ms-flex-line-pack: justify !important; 1599 | align-content: space-between !important; 1600 | } 1601 | .align-content-md-around { 1602 | -ms-flex-line-pack: distribute !important; 1603 | align-content: space-around !important; 1604 | } 1605 | .align-content-md-stretch { 1606 | -ms-flex-line-pack: stretch !important; 1607 | align-content: stretch !important; 1608 | } 1609 | .align-self-md-auto { 1610 | -ms-flex-item-align: auto !important; 1611 | align-self: auto !important; 1612 | } 1613 | .align-self-md-start { 1614 | -ms-flex-item-align: start !important; 1615 | align-self: flex-start !important; 1616 | } 1617 | .align-self-md-end { 1618 | -ms-flex-item-align: end !important; 1619 | align-self: flex-end !important; 1620 | } 1621 | .align-self-md-center { 1622 | -ms-flex-item-align: center !important; 1623 | align-self: center !important; 1624 | } 1625 | .align-self-md-baseline { 1626 | -ms-flex-item-align: baseline !important; 1627 | align-self: baseline !important; 1628 | } 1629 | .align-self-md-stretch { 1630 | -ms-flex-item-align: stretch !important; 1631 | align-self: stretch !important; 1632 | } 1633 | } 1634 | 1635 | @media (min-width: 992px) { 1636 | .flex-lg-row { 1637 | -ms-flex-direction: row !important; 1638 | flex-direction: row !important; 1639 | } 1640 | .flex-lg-column { 1641 | -ms-flex-direction: column !important; 1642 | flex-direction: column !important; 1643 | } 1644 | .flex-lg-row-reverse { 1645 | -ms-flex-direction: row-reverse !important; 1646 | flex-direction: row-reverse !important; 1647 | } 1648 | .flex-lg-column-reverse { 1649 | -ms-flex-direction: column-reverse !important; 1650 | flex-direction: column-reverse !important; 1651 | } 1652 | .flex-lg-wrap { 1653 | -ms-flex-wrap: wrap !important; 1654 | flex-wrap: wrap !important; 1655 | } 1656 | .flex-lg-nowrap { 1657 | -ms-flex-wrap: nowrap !important; 1658 | flex-wrap: nowrap !important; 1659 | } 1660 | .flex-lg-wrap-reverse { 1661 | -ms-flex-wrap: wrap-reverse !important; 1662 | flex-wrap: wrap-reverse !important; 1663 | } 1664 | .flex-lg-fill { 1665 | -ms-flex: 1 1 auto !important; 1666 | flex: 1 1 auto !important; 1667 | } 1668 | .flex-lg-grow-0 { 1669 | -ms-flex-positive: 0 !important; 1670 | flex-grow: 0 !important; 1671 | } 1672 | .flex-lg-grow-1 { 1673 | -ms-flex-positive: 1 !important; 1674 | flex-grow: 1 !important; 1675 | } 1676 | .flex-lg-shrink-0 { 1677 | -ms-flex-negative: 0 !important; 1678 | flex-shrink: 0 !important; 1679 | } 1680 | .flex-lg-shrink-1 { 1681 | -ms-flex-negative: 1 !important; 1682 | flex-shrink: 1 !important; 1683 | } 1684 | .justify-content-lg-start { 1685 | -ms-flex-pack: start !important; 1686 | justify-content: flex-start !important; 1687 | } 1688 | .justify-content-lg-end { 1689 | -ms-flex-pack: end !important; 1690 | justify-content: flex-end !important; 1691 | } 1692 | .justify-content-lg-center { 1693 | -ms-flex-pack: center !important; 1694 | justify-content: center !important; 1695 | } 1696 | .justify-content-lg-between { 1697 | -ms-flex-pack: justify !important; 1698 | justify-content: space-between !important; 1699 | } 1700 | .justify-content-lg-around { 1701 | -ms-flex-pack: distribute !important; 1702 | justify-content: space-around !important; 1703 | } 1704 | .align-items-lg-start { 1705 | -ms-flex-align: start !important; 1706 | align-items: flex-start !important; 1707 | } 1708 | .align-items-lg-end { 1709 | -ms-flex-align: end !important; 1710 | align-items: flex-end !important; 1711 | } 1712 | .align-items-lg-center { 1713 | -ms-flex-align: center !important; 1714 | align-items: center !important; 1715 | } 1716 | .align-items-lg-baseline { 1717 | -ms-flex-align: baseline !important; 1718 | align-items: baseline !important; 1719 | } 1720 | .align-items-lg-stretch { 1721 | -ms-flex-align: stretch !important; 1722 | align-items: stretch !important; 1723 | } 1724 | .align-content-lg-start { 1725 | -ms-flex-line-pack: start !important; 1726 | align-content: flex-start !important; 1727 | } 1728 | .align-content-lg-end { 1729 | -ms-flex-line-pack: end !important; 1730 | align-content: flex-end !important; 1731 | } 1732 | .align-content-lg-center { 1733 | -ms-flex-line-pack: center !important; 1734 | align-content: center !important; 1735 | } 1736 | .align-content-lg-between { 1737 | -ms-flex-line-pack: justify !important; 1738 | align-content: space-between !important; 1739 | } 1740 | .align-content-lg-around { 1741 | -ms-flex-line-pack: distribute !important; 1742 | align-content: space-around !important; 1743 | } 1744 | .align-content-lg-stretch { 1745 | -ms-flex-line-pack: stretch !important; 1746 | align-content: stretch !important; 1747 | } 1748 | .align-self-lg-auto { 1749 | -ms-flex-item-align: auto !important; 1750 | align-self: auto !important; 1751 | } 1752 | .align-self-lg-start { 1753 | -ms-flex-item-align: start !important; 1754 | align-self: flex-start !important; 1755 | } 1756 | .align-self-lg-end { 1757 | -ms-flex-item-align: end !important; 1758 | align-self: flex-end !important; 1759 | } 1760 | .align-self-lg-center { 1761 | -ms-flex-item-align: center !important; 1762 | align-self: center !important; 1763 | } 1764 | .align-self-lg-baseline { 1765 | -ms-flex-item-align: baseline !important; 1766 | align-self: baseline !important; 1767 | } 1768 | .align-self-lg-stretch { 1769 | -ms-flex-item-align: stretch !important; 1770 | align-self: stretch !important; 1771 | } 1772 | } 1773 | 1774 | @media (min-width: 1200px) { 1775 | .flex-xl-row { 1776 | -ms-flex-direction: row !important; 1777 | flex-direction: row !important; 1778 | } 1779 | .flex-xl-column { 1780 | -ms-flex-direction: column !important; 1781 | flex-direction: column !important; 1782 | } 1783 | .flex-xl-row-reverse { 1784 | -ms-flex-direction: row-reverse !important; 1785 | flex-direction: row-reverse !important; 1786 | } 1787 | .flex-xl-column-reverse { 1788 | -ms-flex-direction: column-reverse !important; 1789 | flex-direction: column-reverse !important; 1790 | } 1791 | .flex-xl-wrap { 1792 | -ms-flex-wrap: wrap !important; 1793 | flex-wrap: wrap !important; 1794 | } 1795 | .flex-xl-nowrap { 1796 | -ms-flex-wrap: nowrap !important; 1797 | flex-wrap: nowrap !important; 1798 | } 1799 | .flex-xl-wrap-reverse { 1800 | -ms-flex-wrap: wrap-reverse !important; 1801 | flex-wrap: wrap-reverse !important; 1802 | } 1803 | .flex-xl-fill { 1804 | -ms-flex: 1 1 auto !important; 1805 | flex: 1 1 auto !important; 1806 | } 1807 | .flex-xl-grow-0 { 1808 | -ms-flex-positive: 0 !important; 1809 | flex-grow: 0 !important; 1810 | } 1811 | .flex-xl-grow-1 { 1812 | -ms-flex-positive: 1 !important; 1813 | flex-grow: 1 !important; 1814 | } 1815 | .flex-xl-shrink-0 { 1816 | -ms-flex-negative: 0 !important; 1817 | flex-shrink: 0 !important; 1818 | } 1819 | .flex-xl-shrink-1 { 1820 | -ms-flex-negative: 1 !important; 1821 | flex-shrink: 1 !important; 1822 | } 1823 | .justify-content-xl-start { 1824 | -ms-flex-pack: start !important; 1825 | justify-content: flex-start !important; 1826 | } 1827 | .justify-content-xl-end { 1828 | -ms-flex-pack: end !important; 1829 | justify-content: flex-end !important; 1830 | } 1831 | .justify-content-xl-center { 1832 | -ms-flex-pack: center !important; 1833 | justify-content: center !important; 1834 | } 1835 | .justify-content-xl-between { 1836 | -ms-flex-pack: justify !important; 1837 | justify-content: space-between !important; 1838 | } 1839 | .justify-content-xl-around { 1840 | -ms-flex-pack: distribute !important; 1841 | justify-content: space-around !important; 1842 | } 1843 | .align-items-xl-start { 1844 | -ms-flex-align: start !important; 1845 | align-items: flex-start !important; 1846 | } 1847 | .align-items-xl-end { 1848 | -ms-flex-align: end !important; 1849 | align-items: flex-end !important; 1850 | } 1851 | .align-items-xl-center { 1852 | -ms-flex-align: center !important; 1853 | align-items: center !important; 1854 | } 1855 | .align-items-xl-baseline { 1856 | -ms-flex-align: baseline !important; 1857 | align-items: baseline !important; 1858 | } 1859 | .align-items-xl-stretch { 1860 | -ms-flex-align: stretch !important; 1861 | align-items: stretch !important; 1862 | } 1863 | .align-content-xl-start { 1864 | -ms-flex-line-pack: start !important; 1865 | align-content: flex-start !important; 1866 | } 1867 | .align-content-xl-end { 1868 | -ms-flex-line-pack: end !important; 1869 | align-content: flex-end !important; 1870 | } 1871 | .align-content-xl-center { 1872 | -ms-flex-line-pack: center !important; 1873 | align-content: center !important; 1874 | } 1875 | .align-content-xl-between { 1876 | -ms-flex-line-pack: justify !important; 1877 | align-content: space-between !important; 1878 | } 1879 | .align-content-xl-around { 1880 | -ms-flex-line-pack: distribute !important; 1881 | align-content: space-around !important; 1882 | } 1883 | .align-content-xl-stretch { 1884 | -ms-flex-line-pack: stretch !important; 1885 | align-content: stretch !important; 1886 | } 1887 | .align-self-xl-auto { 1888 | -ms-flex-item-align: auto !important; 1889 | align-self: auto !important; 1890 | } 1891 | .align-self-xl-start { 1892 | -ms-flex-item-align: start !important; 1893 | align-self: flex-start !important; 1894 | } 1895 | .align-self-xl-end { 1896 | -ms-flex-item-align: end !important; 1897 | align-self: flex-end !important; 1898 | } 1899 | .align-self-xl-center { 1900 | -ms-flex-item-align: center !important; 1901 | align-self: center !important; 1902 | } 1903 | .align-self-xl-baseline { 1904 | -ms-flex-item-align: baseline !important; 1905 | align-self: baseline !important; 1906 | } 1907 | .align-self-xl-stretch { 1908 | -ms-flex-item-align: stretch !important; 1909 | align-self: stretch !important; 1910 | } 1911 | } 1912 | /*# sourceMappingURL=bootstrap-grid.css.map */ -------------------------------------------------------------------------------- /Day08/public/css/bootstrap-grid.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} 7 | /*# sourceMappingURL=bootstrap-grid.min.css.map */ -------------------------------------------------------------------------------- /Day08/public/css/bootstrap-reboot.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | *, 9 | *::before, 10 | *::after { 11 | box-sizing: border-box; 12 | } 13 | 14 | html { 15 | font-family: sans-serif; 16 | line-height: 1.15; 17 | -webkit-text-size-adjust: 100%; 18 | -ms-text-size-adjust: 100%; 19 | -ms-overflow-style: scrollbar; 20 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 21 | } 22 | 23 | @-ms-viewport { 24 | width: device-width; 25 | } 26 | 27 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 28 | display: block; 29 | } 30 | 31 | body { 32 | margin: 0; 33 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 34 | font-size: 1rem; 35 | font-weight: 400; 36 | line-height: 1.5; 37 | color: #212529; 38 | text-align: left; 39 | background-color: #fff; 40 | } 41 | 42 | [tabindex="-1"]:focus { 43 | outline: 0 !important; 44 | } 45 | 46 | hr { 47 | box-sizing: content-box; 48 | height: 0; 49 | overflow: visible; 50 | } 51 | 52 | h1, h2, h3, h4, h5, h6 { 53 | margin-top: 0; 54 | margin-bottom: 0.5rem; 55 | } 56 | 57 | p { 58 | margin-top: 0; 59 | margin-bottom: 1rem; 60 | } 61 | 62 | abbr[title], 63 | abbr[data-original-title] { 64 | text-decoration: underline; 65 | -webkit-text-decoration: underline dotted; 66 | text-decoration: underline dotted; 67 | cursor: help; 68 | border-bottom: 0; 69 | } 70 | 71 | address { 72 | margin-bottom: 1rem; 73 | font-style: normal; 74 | line-height: inherit; 75 | } 76 | 77 | ol, 78 | ul, 79 | dl { 80 | margin-top: 0; 81 | margin-bottom: 1rem; 82 | } 83 | 84 | ol ol, 85 | ul ul, 86 | ol ul, 87 | ul ol { 88 | margin-bottom: 0; 89 | } 90 | 91 | dt { 92 | font-weight: 700; 93 | } 94 | 95 | dd { 96 | margin-bottom: .5rem; 97 | margin-left: 0; 98 | } 99 | 100 | blockquote { 101 | margin: 0 0 1rem; 102 | } 103 | 104 | dfn { 105 | font-style: italic; 106 | } 107 | 108 | b, 109 | strong { 110 | font-weight: bolder; 111 | } 112 | 113 | small { 114 | font-size: 80%; 115 | } 116 | 117 | sub, 118 | sup { 119 | position: relative; 120 | font-size: 75%; 121 | line-height: 0; 122 | vertical-align: baseline; 123 | } 124 | 125 | sub { 126 | bottom: -.25em; 127 | } 128 | 129 | sup { 130 | top: -.5em; 131 | } 132 | 133 | a { 134 | color: #007bff; 135 | text-decoration: none; 136 | background-color: transparent; 137 | -webkit-text-decoration-skip: objects; 138 | } 139 | 140 | a:hover { 141 | color: #0056b3; 142 | text-decoration: underline; 143 | } 144 | 145 | a:not([href]):not([tabindex]) { 146 | color: inherit; 147 | text-decoration: none; 148 | } 149 | 150 | a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { 151 | color: inherit; 152 | text-decoration: none; 153 | } 154 | 155 | a:not([href]):not([tabindex]):focus { 156 | outline: 0; 157 | } 158 | 159 | pre, 160 | code, 161 | kbd, 162 | samp { 163 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 164 | font-size: 1em; 165 | } 166 | 167 | pre { 168 | margin-top: 0; 169 | margin-bottom: 1rem; 170 | overflow: auto; 171 | -ms-overflow-style: scrollbar; 172 | } 173 | 174 | figure { 175 | margin: 0 0 1rem; 176 | } 177 | 178 | img { 179 | vertical-align: middle; 180 | border-style: none; 181 | } 182 | 183 | svg { 184 | overflow: hidden; 185 | vertical-align: middle; 186 | } 187 | 188 | table { 189 | border-collapse: collapse; 190 | } 191 | 192 | caption { 193 | padding-top: 0.75rem; 194 | padding-bottom: 0.75rem; 195 | color: #6c757d; 196 | text-align: left; 197 | caption-side: bottom; 198 | } 199 | 200 | th { 201 | text-align: inherit; 202 | } 203 | 204 | label { 205 | display: inline-block; 206 | margin-bottom: 0.5rem; 207 | } 208 | 209 | button { 210 | border-radius: 0; 211 | } 212 | 213 | button:focus { 214 | outline: 1px dotted; 215 | outline: 5px auto -webkit-focus-ring-color; 216 | } 217 | 218 | input, 219 | button, 220 | select, 221 | optgroup, 222 | textarea { 223 | margin: 0; 224 | font-family: inherit; 225 | font-size: inherit; 226 | line-height: inherit; 227 | } 228 | 229 | button, 230 | input { 231 | overflow: visible; 232 | } 233 | 234 | button, 235 | select { 236 | text-transform: none; 237 | } 238 | 239 | button, 240 | html [type="button"], 241 | [type="reset"], 242 | [type="submit"] { 243 | -webkit-appearance: button; 244 | } 245 | 246 | button::-moz-focus-inner, 247 | [type="button"]::-moz-focus-inner, 248 | [type="reset"]::-moz-focus-inner, 249 | [type="submit"]::-moz-focus-inner { 250 | padding: 0; 251 | border-style: none; 252 | } 253 | 254 | input[type="radio"], 255 | input[type="checkbox"] { 256 | box-sizing: border-box; 257 | padding: 0; 258 | } 259 | 260 | input[type="date"], 261 | input[type="time"], 262 | input[type="datetime-local"], 263 | input[type="month"] { 264 | -webkit-appearance: listbox; 265 | } 266 | 267 | textarea { 268 | overflow: auto; 269 | resize: vertical; 270 | } 271 | 272 | fieldset { 273 | min-width: 0; 274 | padding: 0; 275 | margin: 0; 276 | border: 0; 277 | } 278 | 279 | legend { 280 | display: block; 281 | width: 100%; 282 | max-width: 100%; 283 | padding: 0; 284 | margin-bottom: .5rem; 285 | font-size: 1.5rem; 286 | line-height: inherit; 287 | color: inherit; 288 | white-space: normal; 289 | } 290 | 291 | progress { 292 | vertical-align: baseline; 293 | } 294 | 295 | [type="number"]::-webkit-inner-spin-button, 296 | [type="number"]::-webkit-outer-spin-button { 297 | height: auto; 298 | } 299 | 300 | [type="search"] { 301 | outline-offset: -2px; 302 | -webkit-appearance: none; 303 | } 304 | 305 | [type="search"]::-webkit-search-cancel-button, 306 | [type="search"]::-webkit-search-decoration { 307 | -webkit-appearance: none; 308 | } 309 | 310 | ::-webkit-file-upload-button { 311 | font: inherit; 312 | -webkit-appearance: button; 313 | } 314 | 315 | output { 316 | display: inline-block; 317 | } 318 | 319 | summary { 320 | display: list-item; 321 | cursor: pointer; 322 | } 323 | 324 | template { 325 | display: none; 326 | } 327 | 328 | [hidden] { 329 | display: none !important; 330 | } 331 | /*# sourceMappingURL=bootstrap-reboot.css.map */ -------------------------------------------------------------------------------- /Day08/public/css/bootstrap-reboot.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important} 8 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */ -------------------------------------------------------------------------------- /Day08/public/css/bootstrap-reboot.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["../../scss/bootstrap-reboot.scss","../../scss/_reboot.scss","dist/css/bootstrap-reboot.css","bootstrap-reboot.css","../../scss/mixins/_hover.scss"],"names":[],"mappings":"AAAA;;;;;;ACoBA,ECXA,QADA,SDeE,WAAA,WAGF,KACE,YAAA,WACA,YAAA,KACA,yBAAA,KACA,qBAAA,KACA,mBAAA,UACA,4BAAA,YAKA,cACE,MAAA,aAMJ,QAAA,MAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QACE,QAAA,MAWF,KACE,OAAA,EACA,YAAA,aAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,mBACA,UAAA,KACA,YAAA,IACA,YAAA,IACA,MAAA,QACA,WAAA,KACA,iBAAA,KEvBF,sBFgCE,QAAA,YASF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAaF,GAAA,GAAA,GAAA,GAAA,GAAA,GACE,WAAA,EACA,cAAA,MAQF,EACE,WAAA,EACA,cAAA,KChDF,0BD0DA,YAEE,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OACA,OAAA,KACA,cAAA,EAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QCrDF,GDwDA,GCzDA,GD4DE,WAAA,EACA,cAAA,KAGF,MCxDA,MACA,MAFA,MD6DE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAGF,IACE,WAAA,OAIF,EC1DA,OD4DE,YAAA,OAIF,MACE,UAAA,IAQF,IChEA,IDkEE,SAAA,SACA,UAAA,IACA,YAAA,EACA,eAAA,SAGF,IAAM,OAAA,OACN,IAAM,IAAA,MAON,EACE,MAAA,QACA,gBAAA,KACA,iBAAA,YACA,6BAAA,QG7LA,QHgME,MAAA,QACA,gBAAA,UAUJ,8BACE,MAAA,QACA,gBAAA,KGzMA,oCAAA,oCH4ME,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EClEJ,KACA,ID0EA,ICzEA,KD6EE,YAAA,cAAA,CAAA,KAAA,CAAA,MAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,UACA,UAAA,IAGF,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAGA,mBAAA,UAQF,OAEE,OAAA,EAAA,EAAA,KAQF,IACE,eAAA,OACA,aAAA,KAGF,IAGE,SAAA,OACA,eAAA,OAQF,MACE,gBAAA,SAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAGE,WAAA,QAQF,MAEE,QAAA,aACA,cAAA,MAMF,OACE,cAAA,EAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBC9GF,ODiHA,MC/GA,SADA,OAEA,SDmHE,OAAA,EACA,YAAA,QACA,UAAA,QACA,YAAA,QAGF,OCjHA,MDmHE,SAAA,QAGF,OCjHA,ODmHE,eAAA,KC7GF,aACA,cDkHA,OCpHA,mBDwHE,mBAAA,OCjHF,gCACA,+BACA,gCDmHA,yBAIE,QAAA,EACA,aAAA,KClHF,qBDqHA,kBAEE,WAAA,WACA,QAAA,EAIF,iBCrHA,2BACA,kBAFA,iBD+HE,mBAAA,QAGF,SACE,SAAA,KAEA,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAKF,OACE,QAAA,MACA,MAAA,KACA,UAAA,KACA,QAAA,EACA,cAAA,MACA,UAAA,OACA,YAAA,QACA,MAAA,QACA,YAAA,OAGF,SACE,eAAA,SEnIF,yCDEA,yCDuIE,OAAA,KEpIF,cF4IE,eAAA,KACA,mBAAA,KExIF,4CDEA,yCD+IE,mBAAA,KAQF,6BACE,KAAA,QACA,mBAAA,OAOF,OACE,QAAA,aAGF,QACE,QAAA,UACA,OAAA,QAGF,SACE,QAAA,KErJF,SF2JE,QAAA","sourcesContent":["/*!\n * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba($black, 0); // 6\n}\n\n// IE10+ doesn't honor `` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","/*!\n * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n/*# sourceMappingURL=bootstrap-reboot.css.map */","/*!\n * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n"]} -------------------------------------------------------------------------------- /Day08/src/routes/bookRoutes.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const bookRouter = express.Router(); 3 | 4 | function router(nav) { 5 | const books = [ 6 | { 7 | title: 'War and Peace', 8 | genre: 'Historical Fiction', 9 | author: 'Lev Nikolayevich Tolstoy', 10 | read: false 11 | }, 12 | { 13 | title: 'Les Miserables', 14 | genre: 'Historical Fiction', 15 | author: 'Victor Hugo', 16 | read: false 17 | }, 18 | { 19 | title: 'Time machine', 20 | genre: 'Science Fiction', 21 | author: 'H. G. Wells', 22 | read: false 23 | }, 24 | { 25 | title: 'A Journey into the Center of the Earth', 26 | genre: 'Science Fiction', 27 | author: 'Jules Verne', 28 | read: false 29 | }, 30 | { 31 | title: 'The Dark World', 32 | genre: 'Fantasy', 33 | author: 'Henry Kuttner', 34 | read: false 35 | }, 36 | { 37 | title: 'The Wind int the Willows', 38 | genre: 'Fantasy', 39 | author: 'Kenneth Grahame', 40 | read: false 41 | } 42 | ] 43 | 44 | bookRouter.route('/').get((req, res) => { 45 | res.render('books', 46 | { 47 | title: 'My Library' 48 | , summary: 'All of these books listed from my working room' 49 | , nav 50 | , books: books 51 | }); 52 | }); 53 | 54 | bookRouter.route('/:id').get((req, res) => { 55 | const id = req.params.id; 56 | const book = books[id]; 57 | res.render('book', 58 | { 59 | title: 'My Library' 60 | , summary: 'All of these books listed from my working room' 61 | , nav 62 | , book: book 63 | }); 64 | }); 65 | 66 | return bookRouter; 67 | } 68 | 69 | module.exports = router; -------------------------------------------------------------------------------- /Day08/src/views/book.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 |
10 |

Welcome to <%=title%>

11 |
12 |

<%=summary%>

13 |
14 |
15 |
16 | <%for(var i=0;i 17 |
18 |

<%=nav[i].title%>

19 |
20 | <%}%> 21 |
22 |
23 |
24 |
25 |

<%=book.title%>

26 |

<%=book.genre%>

27 |

-<%=book.author%>-

28 |
29 |
30 |
31 | 32 | 33 | 35 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /Day08/src/views/books.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 |
10 |

Welcome to <%=title%>

11 |
12 |

<%=summary%>

13 |
14 |
15 |
16 | <%for(var i=0;i 17 |
18 |

<%=nav[i].title%>

19 |
20 | <%}%> 21 |
22 |
23 | <%for(var i=0;i 24 |
25 |
26 |
<%=books[i].title%>
27 |
<%=books[i].genre%>
28 |
<%=books[i].author%>
29 |
30 |
31 |
32 | <%}%> 33 |
34 | 35 | 36 | 38 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /Day08/src/views/index.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |

8 | Welcome to <%=title%> 9 |

10 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /Day08/views/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 |
10 |
11 | Serving up HTML! 12 |
13 |
14 | 16 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /Day09/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Electron Sample - I 7 | 8 | 9 | 10 |

Hello Electron! I am MEGATRON :P

11 |
12 | 13 | 14 |
15 |
16 | 17 |
18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Day09/index.js: -------------------------------------------------------------------------------- 1 | const ipcRenderer = require('electron').ipcRenderer; 2 | var btnClick = document.getElementById('button-hello'); 3 | 4 | btnClick.addEventListener('click', () => { 5 | var name = document.getElementById('text-name').value 6 | ipcRenderer.send("btnclick", name) 7 | }) 8 | 9 | ipcRenderer.on('btnclick-task-finished', (event, param) => { 10 | var div = document.getElementById('div-response') 11 | div.innerText = param 12 | }); -------------------------------------------------------------------------------- /Day09/main.js: -------------------------------------------------------------------------------- 1 | const { app, BrowserWindow, ipcMain } = require('electron') 2 | console.log(process.platform) 3 | 4 | let win 5 | 6 | function createWindow() { 7 | win = new BrowserWindow({ width: 640, height: 480 }) 8 | win.loadFile('index.html') 9 | //win.webContents.openDevTools() 10 | win.on('closed', () => { 11 | win = null 12 | }) 13 | } 14 | 15 | app.on('ready', (createWindow)) 16 | 17 | app.on('window-all-closed', () => { 18 | if (process.platform !== 'darwin') { 19 | app.quit() 20 | } 21 | }) 22 | 23 | app.on('activate', () => { 24 | if (win === null) { 25 | createWindow() 26 | } 27 | }) 28 | 29 | ipcMain.on("btnclick", (event, arg) => { 30 | var response = "Hello " + arg + ".How are you today?" 31 | event.sender.send("btnclick-task-finished", response); 32 | }) 33 | -------------------------------------------------------------------------------- /Day09/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day09/package-lock.json -------------------------------------------------------------------------------- /Day09/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "helloforms", 3 | "version": "1.0.0", 4 | "description": "a simple forms application for cross platform", 5 | "main": "main.js", 6 | "scripts": { 7 | "start": "electron .", 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "author": "burak selim senyurt", 11 | "license": "ISC", 12 | "devDependencies": { 13 | "electron": "^10.0.0" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Day10/client/node/index.js: -------------------------------------------------------------------------------- 1 | const grpc = require('grpc'); 2 | const proto = grpc.load('./product.proto'); 3 | const client = new proto.products.ProductService('localhost:7500', grpc.credentials.createInsecure()); 4 | 5 | client.List({}, (error, response) => { 6 | if (!error) { 7 | console.log("Response : ", response) 8 | } 9 | else { 10 | console.log("Error:", error.message); 11 | } 12 | }); 13 | 14 | client.get({ id: 1001 }, (error, response) => { 15 | if (!error) { 16 | console.log("Response : ", response) 17 | } 18 | else { 19 | console.log("Error:", error.message); 20 | } 21 | }); 22 | 23 | client.Insert({ id: 1001, name: "Scrum Post-It Kağıdı", listPrice: 5 }, (error, response) => { 24 | if (!error) { 25 | console.log("Response : ", response) 26 | } 27 | else { 28 | console.log("Error:", error.message); 29 | } 30 | }); -------------------------------------------------------------------------------- /Day10/client/node/product.proto: -------------------------------------------------------------------------------- 1 | syntax = "proto3"; //Specify proto3 version. 2 | 3 | package products; //benzersiz bir paket ismi 4 | 5 | //Service. GRPC sunucusunun istemci tarafına sundugu servis sözlesmesi 6 | service ProductService { 7 | rpc List (Empty) returns (ProductList); 8 | rpc Insert (Product) returns (Empty); 9 | rpc Get (ProductId) returns (Product); 10 | } 11 | 12 | // Serviste kullanilan mesaj tipi 13 | message Product { 14 | int32 id = 1; 15 | string name = 2; 16 | double listPrice = 3; 17 | } 18 | 19 | // Ornek bir liste 20 | message ProductList { 21 | repeated Product Product = 1; 22 | } 23 | 24 | message ProductId { 25 | int32 id = 1; 26 | } 27 | 28 | message Empty {} 29 | -------------------------------------------------------------------------------- /Day10/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "grpc-hello-world", 3 | "version": "1.0.0", 4 | "description": "a simple grpc sample", 5 | "main": "server/index.js", 6 | "dependencies": { 7 | "grpc": "^1.9.1" 8 | }, 9 | "devDependencies": {}, 10 | "scripts": { 11 | "test": "echo \"Error: no test specified\" && exit 1" 12 | }, 13 | "keywords": [ 14 | "grpc", 15 | "nodejs", 16 | "client", 17 | "server", 18 | "microservices" 19 | ], 20 | "author": "Burak Selim Senyurt ", 21 | "license": "ISC" 22 | } 23 | -------------------------------------------------------------------------------- /Day10/server/Product.js: -------------------------------------------------------------------------------- 1 | let product=class Product { 2 | constructor(id,name,listPrice) { 3 | this._id = id; 4 | this._name=name; 5 | this._listPrice=listPrice; 6 | } 7 | get ProductId(){ 8 | return this._id; 9 | } 10 | get Name() { 11 | return this._name; 12 | } 13 | get ListPrice() { 14 | return this._listPrice; 15 | } 16 | set Id(value) 17 | { 18 | this._Id=value; 19 | } 20 | set Name(value) { 21 | this._name=value; 22 | } 23 | set ListPrice(value) { 24 | this._listPrice=value; 25 | } 26 | } 27 | 28 | module.exports=product; -------------------------------------------------------------------------------- /Day10/server/index.js: -------------------------------------------------------------------------------- 1 | const grpc = require('grpc'); 2 | const proto = grpc.load('./product.proto'); 3 | const server = new grpc.Server(); 4 | const product = require('./Product'); 5 | 6 | function allProducts() { 7 | console.log('[Server]:List all product'); 8 | 9 | var products = [ 10 | { id: 1009, name: "lego mind storm", listPrice: 1499 }, 11 | { id: 1010, name: "star wars bardak altığı", listPrice: 35 }, 12 | { id: 1011, name: "ışıldak 40w", listPrice: 85.50 }, 13 | { id: 1012, name: "A4 X 100 adet", listPrice: 5 } 14 | ]; 15 | return products; 16 | } 17 | function singleProduct(productId) { 18 | console.log('[Server]:Get single product'); 19 | console.log('[Server]:Incoming product id ' + productId); 20 | 21 | var product = { 22 | id: 1009, 23 | name: "lego mind storm", 24 | listPrice: 55 25 | }; 26 | return product; 27 | } 28 | function addProduct(call) { 29 | console.log('[Server]:Insert new product'); 30 | 31 | let p = new product( 32 | call.request.id, 33 | call.request.name, 34 | call.request.listPrice, 35 | ); 36 | console.log(p); 37 | } 38 | function list(call, callback) { 39 | callback(null, allProducts()); 40 | } 41 | function single(call, callback) { 42 | callback(null, singleProduct(call.request.id)); 43 | } 44 | 45 | function insert(call, callback) { 46 | callback(null, addProduct(call)); 47 | } 48 | 49 | server.addService(proto.products.ProductService.service, { 50 | List: list, 51 | Insert: insert, 52 | Get: single 53 | }); 54 | 55 | server.bind('0.0.0.0:7500', grpc.ServerCredentials.createInsecure()); 56 | server.start(); 57 | console.log('grpc server is live', '0.0.0.0:7500'); -------------------------------------------------------------------------------- /Day10/server/product.proto: -------------------------------------------------------------------------------- 1 | syntax = "proto3"; //Specify proto3 version. 2 | 3 | package products; //benzersiz bir paket ismi 4 | 5 | //Service. GRPC sunucusunun istemci tarafına sundugu servis sözlesmesi 6 | service ProductService { 7 | rpc List (Empty) returns (ProductList); 8 | rpc Insert (Product) returns (Empty); 9 | rpc Get (ProductId) returns (Product); 10 | } 11 | 12 | // Serviste kullanilan mesaj tipi 13 | message Product { 14 | int32 id = 1; 15 | string name = 2; 16 | double listPrice = 3; 17 | } 18 | 19 | // Ornek bir liste 20 | message ProductList { 21 | repeated Product Product = 1; 22 | } 23 | 24 | message ProductId { 25 | int32 id = 1; 26 | } 27 | 28 | message Empty {} 29 | -------------------------------------------------------------------------------- /Day11/appv1.js: -------------------------------------------------------------------------------- 1 | const fs = require("fs"); 2 | const mime = require("mime"); 3 | const https = require("https"); 4 | 5 | const securityOptions = { 6 | key: fs.readFileSync("simpleKey.pem"), 7 | cert: fs.readFileSync("simpleCert.pem") 8 | }; 9 | 10 | const handler = (req, res) => { 11 | console.log("[Request]", req.url); 12 | if (req.url === "/favicon.ico") { 13 | res.writeHead(200); 14 | res.end(); 15 | return; 16 | } 17 | const fileName = req.url === "/" ? "index.html" : __dirname + req.url; 18 | fs.readFile(fileName, (err, data) => { 19 | if (err) { 20 | res.writeHead(503); 21 | res.end("File read error", fileName); 22 | return; 23 | } 24 | res.writeHead(200, { "Content-Type": mime.getType(fileName) }); 25 | res.end(data); 26 | }); 27 | }; 28 | https.createServer(securityOptions, handler) 29 | .listen(5047, () => console.log("Server listening at 5047")); -------------------------------------------------------------------------------- /Day11/appv2.js: -------------------------------------------------------------------------------- 1 | const http2 = require("http2"); 2 | const fs = require("fs"); 3 | const mime = require("mime"); 4 | 5 | const securityOptions = { 6 | key: fs.readFileSync("simpleKey.pem"), 7 | cert: fs.readFileSync("simpleCert.pem") 8 | }; 9 | 10 | const sendResource = (stream, fileName) => { 11 | const fd = fs.openSync(fileName, "r"); 12 | const stat = fs.fstatSync(fd); 13 | const headers = { 14 | "content-length": stat.size, 15 | "last-modified": stat.mtime.toUTCString(), 16 | "content-type": mime.getType(fileName) 17 | }; 18 | stream.respondWithFD(fd, headers); 19 | stream.on("close", () => { 20 | console.log("[Closing Stream]", fileName); 21 | fs.closeSync(fd); 22 | }); 23 | stream.end(); 24 | }; 25 | 26 | const pushResource = (stream, path, fileName) => { 27 | stream.pushStream({ ":path": path }, (err, pushStream) => { 28 | if (err) { 29 | throw err; 30 | } 31 | console.log("[Pushing]", fileName); 32 | sendResource(pushStream, fileName); 33 | }); 34 | }; 35 | 36 | const handler = (req, res) => { 37 | console.log("[Request]", req.url); 38 | 39 | if (req.url === "/") { 40 | pushResource(res.stream, "style/style.css", "style.css"); 41 | pushResource(res.stream, "scripts/jquery.js", "jquery.js"); 42 | 43 | const images = fs.readdirSync(__dirname + "/images"); 44 | for (let i = 0; i < images.length; i++) { 45 | const fileName = __dirname + "/images/" + images[i]; 46 | const path = "images/" + images[i]; 47 | pushResource(res.stream, path, fileName); 48 | } 49 | 50 | sendResource(res.stream, "index.html"); 51 | } else { 52 | if (req.url === "/favicon.ico") { 53 | res.stream.respond({ ":status": 200 }); 54 | res.stream.end(); 55 | return; 56 | } 57 | const fileName = __dirname + req.url; 58 | sendResource(res.stream, fileName); 59 | } 60 | }; 61 | 62 | http2.createSecureServer(securityOptions, handler) 63 | .listen(5048, () => { 64 | console.log("Server is listening on 5048"); 65 | }); -------------------------------------------------------------------------------- /Day11/images/sample_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day11/images/sample_1.jpg -------------------------------------------------------------------------------- /Day11/images/sample_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day11/images/sample_2.jpg -------------------------------------------------------------------------------- /Day11/images/sample_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day11/images/sample_3.jpg -------------------------------------------------------------------------------- /Day11/images/sample_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day11/images/sample_4.jpg -------------------------------------------------------------------------------- /Day11/images/sample_5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/buraksenyurt/nodejs-tutorials/5dec8b786b1be5a17721c6e54eae6adf05c36f4a/Day11/images/sample_5.jpg -------------------------------------------------------------------------------- /Day11/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | HTTP2 Server Push 6 | 7 | 8 | 9 | 10 | 11 |

Simple HTTP/2 Server Push Sample

12 |

"Lorem ipsum dolor sit amet, consectetur adipiscing elit 13 | , sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "

14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
sample_5sample_3
sample_2sample_4
sample_1
27 | 28 | 29 | -------------------------------------------------------------------------------- /Day11/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "http2-server-push-sample", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "", 10 | "license": "ISC", 11 | "dependencies": { 12 | "express": "^4.16.4", 13 | "mime": "^2.3.1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Day11/simpleCert.pem: -------------------------------------------------------------------------------- 1 | -----BEGIN CERTIFICATE----- 2 | MIIC+zCCAeOgAwIBAgIJAL94SA3DWknYMA0GCSqGSIb3DQEBCwUAMBQxEjAQBgNV 3 | BAMMCWxvY2FsaG9zdDAeFw0xODEwMjkxOTQ2NDVaFw0xODExMjgxOTQ2NDVaMBQx 4 | EjAQBgNVBAMMCWxvY2FsaG9zdDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoC 5 | ggEBANJasoUSYnz8rqNgOsbYeJDJEcra6E5XJY95F80QZFCt0UVOGWLMh2va/8PC 6 | GVYmFmpV90qgrOPmjdQQgwJfik8mFSIYtEdfLgaPNlXAcjwkpFwEQ8G8pQFehp0B 7 | ERd74qZOMThREDe1jE5eu10ytmQZU2z3LMCEaXps3ASSQMYQz08vUok6VfuAyAfs 8 | JoUGxOHgRMilBfDdftED0EsRpWTobac+65qFGJt71uC0MTDYJoYaP8Eo9BPGqamh 9 | urxMih+QLyeJET6ke/CYilU7OeiXn6EQmOPxKHSHriMWnreycVySRO1+2y5qP/5C 10 | X897Vg07lQiVVQ5TThc6G/WEjBcCAwEAAaNQME4wHQYDVR0OBBYEFL2dxzO2wB0p 11 | 7an0hiQ6j/oGPsNUMB8GA1UdIwQYMBaAFL2dxzO2wB0p7an0hiQ6j/oGPsNUMAwG 12 | A1UdEwQFMAMBAf8wDQYJKoZIhvcNAQELBQADggEBABR/ZorgMsa0IR2+JsLrY+Ao 13 | deTh8SDjWCsKp/GV2b245Rl7I8TVN5SPDcijLFm0/hhElDhXhnMgihpmgKKDLY3m 14 | GbVAqf315GrykA1FsD1K+4QLdbHUExw5uzGhJ2O9dGnNhhEdHaDrauWbzHurhRMm 15 | MTGpYmPlofGFNBEP2VhSwwGCVOravy+hBOjSnRfKJVunL2VFwiBKZmLP3k1R+uih 16 | GxmZp0z3uOm3/SSl9bRAAzn6jubcdaZsXCAc6PLw2RjjsFkB+WFLw1mkolkGw4zR 17 | NbVxxzwailm5kR2VQYukXZDUlRkgoFRkagD4u6hrZRF87nzudbzcghxuGmIRLyw= 18 | -----END CERTIFICATE----- 19 | -------------------------------------------------------------------------------- /Day11/simpleKey.pem: -------------------------------------------------------------------------------- 1 | -----BEGIN PRIVATE KEY----- 2 | MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDSWrKFEmJ8/K6j 3 | YDrG2HiQyRHK2uhOVyWPeRfNEGRQrdFFThlizIdr2v/DwhlWJhZqVfdKoKzj5o3U 4 | EIMCX4pPJhUiGLRHXy4GjzZVwHI8JKRcBEPBvKUBXoadAREXe+KmTjE4URA3tYxO 5 | XrtdMrZkGVNs9yzAhGl6bNwEkkDGEM9PL1KJOlX7gMgH7CaFBsTh4ETIpQXw3X7R 6 | A9BLEaVk6G2nPuuahRibe9bgtDEw2CaGGj/BKPQTxqmpobq8TIofkC8niRE+pHvw 7 | mIpVOznol5+hEJjj8Sh0h64jFp63snFckkTtftsuaj/+Ql/Pe1YNO5UIlVUOU04X 8 | Ohv1hIwXAgMBAAECggEAQS7BquKrijdylkW3cO6bTaJA1S9IVR5EEVVgvraZnzZ9 9 | ZpBw5WCjhhRytOJsn3ll8MV6v7FSYbyLrm7/abjZTvVqDwrAsm0YAghWufPMcj6Y 10 | f7sClAI0z1vPMs+l0DUfYpFQRzc3Y0vqkk5gmNyiEBqY82cUgwOE+97HvtLjJ3x2 11 | BmssrJloqF39VmlgQUrOpF1WBg5C1w5GkTTDUwa8C8Ry1yI8wYd0MqtOWKnBGQNb 12 | lPOymaYU1DZX+aRD96lmVRDvHRk3QpCPEqnEpbIBB9B1Cn4vbQ6kcuEuHcvXgrBe 13 | Q3M8hzKgPJZtTW4N7u+xB7yLtkcho3SI/RKc6tC2QQKBgQDzTH9gTEYTA5SID7RJ 14 | veUly2RlpQ3kL1KAzrGMuaqFZugLaSx5sJvNLujGByvraP8oLkHT7o2t4lMtP2z6 15 | qiQyo8ocNdYI5NdimLel6Gp707sCiPM1+QrSuon028GulbJJDPZup8Voc7DiAckp 16 | RZeU16+N6X3V09sZcMB94BreLwKBgQDdVevcW28gtWGDbmBrcVKIdUfBCztzYAKG 17 | nOC0HaetwGC1zKfztOngwG9aawC2Sn03HbdZWciF8zBE5hfwLQQcz1WthFOgey8N 18 | GaUzF6rKKQMtRKYChHatpVjtYQXob8FRW6QbUmQwbrPL9i28s/kIqpxFaMZqxjdO 19 | GAik0ofemQKBgQC2SwrlTED03incCGg9GFspBkwjHJhb8FkQyc2ecz6g1YnngtYg 20 | F4OlKRCfz5/IstL7eC06bfMZ5goMTQmKhxC4IKC+olfMMipvZZ20YX/nZ60nKRWR 21 | yxeg7MORA1cLSH5c3amHH415xbUyocPneI0qqLCQ0/HE1QfE+AZCSjfXYQKBgQCw 22 | NIz2+tu3gG7HQYIFR0xbUnLzXkvQCCk6nX3OJqWtD7BuSyWSQP7IbKq5ouIIPbj9 23 | veyPd4jKCtbsovl/vXa+sNkWsHgbFLZaiYYY7MiM9KWQzkwTSP1qNG5dXJZle0K9 24 | 0GUPU0JrxFXjFHNI/UZO/fQ21bjQnEi/JScMgIamUQKBgDQwWDxcV/3heunhFlKv 25 | mBPzRJzRxwAZZSkIDDfKxQBq2QarU/WLuN04I2bP18cyrT9ytn3fTW4mQeBTif/N 26 | G2nAp3aNT8tl3I0t9y3MPLNsA1jCzamlgof6+i1GDOBdN1gTVH/YNcZrR/6OxxLu 27 | oIh3VPu2YUSSaXlnrs1KKblP 28 | -----END PRIVATE KEY----- 29 | -------------------------------------------------------------------------------- /Day11/style/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | height: 100vh; 3 | background-color: #76d6f3; 4 | text-align: center; 5 | } 6 | 7 | h1 { 8 | color: #036640; 9 | font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 10 | font-weight: bold; 11 | } 12 | 13 | p{ 14 | font-family: Georgia, 'Times New Roman', Times, serif; 15 | background-color: bisque; 16 | color: black; 17 | } 18 | 19 | img { 20 | width: 100%; 21 | height: 100%; 22 | border-radius: 2%; 23 | } 24 | -------------------------------------------------------------------------------- /Day12/app.js: -------------------------------------------------------------------------------- 1 | var express = require("express"); 2 | var app = express(); 3 | var path = require('path'); 4 | 5 | app.get("/", (req, res, next) => { 6 | res.sendFile(path.join(__dirname + '/index.html')); 7 | }); 8 | 9 | app.get("/report", (req, res, next) => { 10 | 11 | var days = ['Day01', 'Day02', 'Day03', 'Day04', 'Day05', 'Day06', 'Day07']; 12 | var seri01 = { 13 | x: days, 14 | y: [5, 7, 9, 14, 12, 10, 9], 15 | name: 'dcist01', 16 | mode: 'lines+markers', 17 | type: 'scatter' 18 | }; 19 | var seri02 = { 20 | x: days, 21 | y: [5, 3, 8, 10, 12, 6, 3], 22 | mode: 'lines+markers', 23 | name: 'dcizm03', 24 | type: 'scatter' 25 | }; 26 | var seri03 = { 27 | x: days, 28 | y: [0, 3, 5, 8, 8, 8, 7], 29 | mode: 'lines+markers', 30 | name: 'dclnd07', 31 | type: 'scatter' 32 | }; 33 | var data = [seri01, seri02, seri03]; 34 | res.json(data); 35 | }); 36 | 37 | app.listen(6701, () => { 38 | console.log("Raporlama sunucusu aktif!"); 39 | }); -------------------------------------------------------------------------------- /Day12/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 |
9 | 40 | -------------------------------------------------------------------------------- /Day12/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "funnygraphics", 3 | "version": "1.0.0", 4 | "description": "simple plotly.js sample", 5 | "main": "app.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "node app.js" 9 | }, 10 | "author": "buraks", 11 | "license": "ISC", 12 | "dependencies": { 13 | "express": "^4.16.4" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # nodejs-tutorials 2 | Burada Node.js öğrenmeye çalışırken yaptığım basit örnekler yer almaktadır. 3 | --------------------------------------------------------------------------------