diff --git a/Blog With API.pdf b/Blog With API.pdf new file mode 100644 index 00000000..a8dc5cd3 Binary files /dev/null and b/Blog With API.pdf differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..a171254d --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + Document + + + + +
+ +
+
+
+
+
+
+ + + + + + + diff --git a/javascript.js b/javascript.js new file mode 100644 index 00000000..c073482d --- /dev/null +++ b/javascript.js @@ -0,0 +1,352 @@ + +//! Json to onload the server in local-Host +// json-server --watch data/db.json + +///! Variables, const +var ones = [ + '', + 'one', + 'two', + 'three', + 'four', + 'five', + 'six', + 'seven', + 'eight', + 'nine' +]; +var tens = [ + '', + '', + 'twenty', + 'thirty', + 'forty', + 'fifty', + 'sixty', + 'seventy', + 'eighty', + 'ninety' +]; +var teens = [ + 'ten', + 'eleven', + 'twelve', + 'thirteen', + 'fourteen', + 'fifteen', + 'sixteen', + 'seventeen', + 'eighteen', + 'nineteen' +]; +var first = document.createElement('div'); +first.setAttribute('id', 'contentFull'); +var second = document.createElement('div'); +second.setAttribute('id', 'contentFull'); +var third = document.createElement('div'); +third.setAttribute('id', 'contentFull'); +var fourth = document.createElement('div'); +fourth.setAttribute('id', 'contentFull'); +var five = document.createElement('div'); +five.setAttribute('id', 'contentFull'); +var six = document.createElement('div'); +six.setAttribute('id', 'contentFull'); +var seven = document.createElement('div'); +seven.setAttribute('id', 'contentFull'); +var eight = document.createElement('div'); +eight.setAttribute('id', 'contentFull'); +var nine = document.createElement('div'); +nine.setAttribute('id', 'contentFull'); +var ten = document.createElement('div'); +ten.setAttribute('id', 'contentFull'); + +const information = { + title: '', + id: '', + userId: '', + body: '', + name: '', + email: '' +}; +//! Functions +// +function callDataFetch() { + fetch('http://localhost:3000/posts') + .then(request => { + return request.json(); + }) + .then(info => { + info.forEach(element => { + const { title, body, id } = element; + const numtoletters = convert_tens_hundreds(id); + loadPage(title, numtoletters, body, id); + if (id <= 10) { + first.innerHTML += contentFUll; + } else if (id > 10 && id <= 20) { + second.innerHTML += contentFUll; + } else if (id > 20 && id <= 30) { + third.innerHTML += contentFUll; + } else if (id > 30 && id <= 40) { + fourth.innerHTML += contentFUll; + } else if (id > 40 && id <= 50) { + five.innerHTML += contentFUll; + } else if (id > 50 && id <= 60) { + six.innerHTML += contentFUll; + } else if (id > 60 && id <= 70) { + seven.innerHTML += contentFUll; + } else if (id > 70 && id <= 80) { + eight.innerHTML += contentFUll; + } else if (id > 80 && id <= 90) { + nine.innerHTML += contentFUll; + } else if (id > 90 && id <= 100) { + ten.innerHTML += contentFUll; + } + }); + }); +} +// to call again the btn +function btncall() { + fetch('http://localhost:3000/posts') + .then(request => { + return request.json(); + }) + .then(info => { + info.forEach(element => { + const { title, body, id } = element; + const numtoletters = convert_tens_hundreds(id); + loadPage(title, numtoletters, body, id); + setTimeout(() => { + $(`#${id}`).on('click', () => { + infoPosts = info.filter(post => { + if (post.id == $(`#${id}`)[0].id) { + return post; + } + }); + information.title = infoPosts[0].title; + information.id = infoPosts[0].id; + information.userId = infoPosts[0].userId; + information.body = infoPosts[0].body; + fetchUsersInfo(information.userId); + comments(information.userId); + // $("#myModal").modal('show'); + setTimeout(() => { + llamada(); + // llamadaEdit() + }, 400); + }); + }, 00); + }); + }); +} + +// Modal call +function llamada() { + $('#myModal').modal('show'); +} + +function beginmodal() { + content = ` + `; + document.getElementById('modalview').innerHTML = content; + document.getElementById('title').innerHTML = information.title; + document.getElementById( + 'email' + ).innerHTML = `Email: ${information.email}`; + document.getElementById( + 'userName' + ).innerHTML = `Name: ${information.name}`; + document.getElementById('bodyFetch').innerHTML = information.body; + document.getElementById('deleteBtn').addEventListener('click', ()=>{ + deleteComment() + }); + editPost(); +} + +function editPost() { + document.querySelector( + '#modalContentEdit' + ).innerHTML = `
+ + + +
+ +
+ + +
`; + + + document.getElementById('titleEdit').value = document.getElementById('title').innerHTML; + document.getElementById('contentEdit').value = document.getElementById('bodyFetch').innerHTML; + + // let saveEditBtn = document.querySelector('#saveEdit'); + // saveEditBtn.addEventListener('click', fetchPost) + document.querySelector('#saveEdit').addEventListener("click", ()=>{ + fetchPost() + }) +} + +function fetchPost() { + + editPost = information.id + + fetch(`http://localhost:3000/posts/${editPost}`, { + method: 'PATCH', + body: JSON.stringify({ + title:` ${document.getElementById('titleEdit').value}`, + body: `${document.getElementById('contentEdit').value}` + }), + headers: { + 'Content-type': 'application/json; charset=UTF-8' + } + }) + .then(response => response.json()) + .then(json => console.log(json)); +} + +function deleteComment() { + deletePost = information.id + fetch(`http://localhost:3000/posts/${deletePost}`, { + method: 'DELETE' + }) + .then(request => { + return request.json(); + }) + .then(response => { + alert(`Post ID ${deletePost} deleted`); + }); +} + +function fetchUsersInfo(idposts) { + fetch('http://localhost:3000/users') + .then(request => { + return request.json(); + }) + .then(info => { + var infoUsers = info.filter(userFetch => { + if (userFetch.id == idposts) return userFetch; + }); + information.name = infoUsers[0].name; + information.email = infoUsers[0].email; + }); +} + +function comments (postId){ + fetch("http://localhost:3000/comments") + .then((request)=>{ + return request.json() + }) + .then((response)=>{ + var postComment= response.filter((element)=>{ + if(element.postId == postId) + return element + }) + beginmodal() + postComment.forEach(element=>{ + const{name, email, body}= element + let divComment = document.createElement("div") + divComment.setAttribute("class", "infoName") + divComment.innerHTML= name + document.getElementById("comments").appendChild(divComment) + let divCommentEmail = document.createElement("div") + divCommentEmail.setAttribute("class", "infoEmail") + let divCommentBody = document.createElement("div") + divCommentBody.setAttribute("class", "infoBody") + divCommentBody.innerHTML= `` + $(function () { + $('[data-toggle="tooltip"]').tooltip() + }) + document.getElementById("comments").appendChild(divCommentBody) + document.getElementById("comments").appendChild(divCommentEmail) + }) + }) + } + + +function loadPage(title, id, body, idbutton) { + contentFUll = ` +
+
+
+ +
+
+
+
+
${body}
+ +
+
`; +} + +function convert_tens_hundreds(num) { + if (num < 10) return ones[num]; + else if (num >= 10 && num < 20) return teens[num - 10]; + else if (num == 100) { + return ( + ones[Math.floor(num / 100)] + + 'hundred' + + convert_tens_hundreds(num % 100) + ); + } else { + return tens[Math.floor(num / 10)] + '' + ones[num % 10]; + } +} + +function chargeInf(data) { + callDataFetch(); + document.getElementById('dataContent').appendChild(data); + btncall(); +} + +function changeData(other) { + $('#contentFull').remove(); + document.getElementById('dataContent').appendChild(other); + btncall(); +} +function buttons() { + contentbtnfunc = ` + + + + + + + + + `; + document.getElementById('centerbtn').innerHTML = contentbtnfunc; +} + +window.onload = function () { + // All code comes here + chargeInf(first); + buttons(); +}; diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 00000000..2ba638e2 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "blog-with-api", + "lockfileVersion": 2, + "requires": true, + "packages": {} +} diff --git a/pagination.js b/pagination.js new file mode 100644 index 00000000..c8ed6f1b --- /dev/null +++ b/pagination.js @@ -0,0 +1,11 @@ +/* + * pagination.js 2.1.5 + * A jQuery plugin to provide simple yet fully customisable pagination + * https://github.com/superRaytin/paginationjs + + * Homepage: http://pagination.js.org + * + * Copyright 2014-2100, superRaytin + * Released under the MIT license. +*/ +!function(a,b){function c(a){throw new Error("Pagination: "+a)}function d(a){a.dataSource||c('"dataSource" is required.'),"string"==typeof a.dataSource?void 0===a.totalNumberLocator?void 0===a.totalNumber?c('"totalNumber" is required.'):b.isNumeric(a.totalNumber)||c('"totalNumber" is incorrect. (Number)'):b.isFunction(a.totalNumberLocator)||c('"totalNumberLocator" should be a Function.'):i.isObject(a.dataSource)&&(void 0===a.locator?c('"dataSource" is an Object, please specify "locator".'):"string"==typeof a.locator||b.isFunction(a.locator)||c(a.locator+" is incorrect. (String | Function)")),void 0===a.formatResult||b.isFunction(a.formatResult)||c('"formatResult" should be a Function.')}function e(a){var c=["go","previous","next","disable","enable","refresh","show","hide","destroy"];b.each(c,function(b,c){a.off(h+c)}),a.data("pagination",{}),b(".paginationjs",a).remove()}function f(a,b){return("object"==(b=typeof a)?null==a&&"null"||Object.prototype.toString.call(a).slice(8,-1):b).toLowerCase()}void 0===b&&c("Pagination requires jQuery.");var g="pagination",h="__pagination-";b.fn.pagination&&(g="pagination2"),b.fn[g]=function(f){if(void 0===f)return this;var j=b(this),k=b.extend({},b.fn[g].defaults,f),l={initialize:function(){var a=this;if(j.data("pagination")||j.data("pagination",{}),!1!==a.callHook("beforeInit")){j.data("pagination").initialized&&b(".paginationjs",j).remove(),a.disabled=!!k.disabled;var c=a.model={pageRange:k.pageRange,pageSize:k.pageSize};a.parseDataSource(k.dataSource,function(b){a.isAsync=i.isString(b),i.isArray(b)&&(c.totalNumber=k.totalNumber=b.length),a.isDynamicTotalNumber=a.isAsync&&k.totalNumberLocator;var d=a.render(!0);k.className&&d.addClass(k.className),c.el=d,j["bottom"===k.position?"append":"prepend"](d),a.observer(),j.data("pagination").initialized=!0,a.callHook("afterInit",d)})}},render:function(a){var c=this,d=c.model,e=d.el||b('
'),f=!0!==a;c.callHook("beforeRender",f);var g=d.pageNumber||k.pageNumber,h=k.pageRange||0,i=c.getTotalPage(),j=g-h,l=g+h;return l>i&&(l=i,j=i-2*h,j=j<1?1:j),j<=1&&(j=1,l=Math.min(2*h+1,i)),e.html(c.generateHTML({currentPage:g,pageRange:h,rangeStart:j,rangeEnd:l})),k.hideWhenLessThanOnePage&&e[i<=1?"hide":"show"](),c.callHook("afterRender",f),e},generatePageNumbersHTML:function(a){var b,c=this,d=a.currentPage,e=c.getTotalPage(),f=a.rangeStart,g=a.rangeEnd,h="",i=k.pageLink,j=k.ellipsisText,l=k.classPrefix,m=k.activeClassName,n=k.disableClassName;if(null===k.pageRange){for(b=1;b<=e;b++)h+=b==d?'
  • '+b+"
    • ":'
  • '+b+"
    • ";return h}if(f<=3)for(b=1;b'+b+"":'
  • '+b+"
    • ";else k.showFirstOnEllipsisShow&&(h+='
  • 1
    • '),h+='
  • '+j+"
    • ";for(b=f;b<=g;b++)h+=b==d?'
  • '+b+"
    • ":'
  • '+b+"
    • ";if(g>=e-2)for(b=g+1;b<=e;b++)h+='
  • '+b+"
    • ";else h+='
  • '+j+"
    • ",k.showLastOnEllipsisShow&&(h+='
  • '+e+"
    • ");return h},generateHTML:function(a){var c,d=this,e=a.currentPage,f=d.getTotalPage(),g=d.getTotalNumber(),h=k.showPrevious,i=k.showNext,j=k.showPageNumbers,l=k.showNavigator,m=k.showGoInput,n=k.showGoButton,o=k.pageLink,p=k.prevText,q=k.nextText,r=k.goButtonText,s=k.classPrefix,t=k.disableClassName,u=k.ulClassName,v="",w='',x='',y=b.isFunction(k.formatNavigator)?k.formatNavigator(e,f,g):k.formatNavigator,z=b.isFunction(k.formatGoInput)?k.formatGoInput(w,e,f,g):k.formatGoInput,A=b.isFunction(k.formatGoButton)?k.formatGoButton(x,e,f,g):k.formatGoButton,B=b.isFunction(k.autoHidePrevious)?k.autoHidePrevious():k.autoHidePrevious,C=b.isFunction(k.autoHideNext)?k.autoHideNext():k.autoHideNext,D=b.isFunction(k.header)?k.header(e,f,g):k.header,E=b.isFunction(k.footer)?k.footer(e,f,g):k.footer;return D&&(c=d.replaceVariables(D,{currentPage:e,totalPage:f,totalNumber:g}),v+=c),(h||j||i)&&(v+='
    ',v+=u?'
      ':"
        ",h&&(e<=1?B||(v+='
      • '+p+"
        • "):v+='
      • '+p+"
        • "),j&&(v+=d.generatePageNumbersHTML(a)),i&&(e>=f?C||(v+='
      • '+q+"
        • "):v+='
      • '+q+"
        • "),v+="
    "),l&&y&&(c=d.replaceVariables(y,{currentPage:e,totalPage:f,totalNumber:g}),v+='
    '+c+"
    "),m&&z&&(c=d.replaceVariables(z,{currentPage:e,totalPage:f,totalNumber:g,input:w}),v+='
    '+c+"
    "),n&&A&&(c=d.replaceVariables(A,{currentPage:e,totalPage:f,totalNumber:g,button:x}),v+='
    '+c+"
    "),E&&(c=d.replaceVariables(E,{currentPage:e,totalPage:f,totalNumber:g}),v+=c),v},findTotalNumberFromRemoteResponse:function(a){this.model.totalNumber=k.totalNumberLocator(a)},go:function(a,c){function d(a){if(!1===e.callHook("beforePaging",g))return!1;if(f.direction=void 0===f.pageNumber?0:g>f.pageNumber?1:-1,f.pageNumber=g,e.render(),e.disabled&&e.isAsync&&e.enable(),j.data("pagination").model=f,k.formatResult){var d=b.extend(!0,[],a);i.isArray(a=k.formatResult(d))||(a=d)}j.data("pagination").currentPageData=a,e.doCallback(a,c),e.callHook("afterPaging",g),1==g&&e.callHook("afterIsFirstPage"),g==e.getTotalPage()&&e.callHook("afterIsLastPage")}var e=this,f=e.model;if(!e.disabled){var g=a;if((g=parseInt(g))&&!(g<1)){var h=k.pageSize,l=e.getTotalNumber(),m=e.getTotalPage();if(!(l>0&&g>m)){if(!e.isAsync)return void d(e.getDataFragment(g));var n={},o=k.alias||{};n[o.pageSize?o.pageSize:"pageSize"]=h,n[o.pageNumber?o.pageNumber:"pageNumber"]=g;var p=b.isFunction(k.ajax)?k.ajax():k.ajax,q={type:"get",cache:!1,data:{},contentType:"application/x-www-form-urlencoded; charset=UTF-8",dataType:"json",async:!0};b.extend(!0,q,p),b.extend(q.data,n),q.url=k.dataSource,q.success=function(a){e.isDynamicTotalNumber?e.findTotalNumberFromRemoteResponse(a):e.model.totalNumber=k.totalNumber,d(e.filterDataByLocator(a))},q.error=function(a,b,c){k.formatAjaxError&&k.formatAjaxError(a,b,c),e.enable()},e.disable(),b.ajax(q)}}}},doCallback:function(a,c){var d=this,e=d.model;b.isFunction(c)?c(a,e):b.isFunction(k.callback)&&k.callback(a,e)},destroy:function(){!1!==this.callHook("beforeDestroy")&&(this.model.el.remove(),j.off(),b("#paginationjs-style").remove(),this.callHook("afterDestroy"))},previous:function(a){this.go(this.model.pageNumber-1,a)},next:function(a){this.go(this.model.pageNumber+1,a)},disable:function(){var a=this,b=a.isAsync?"async":"sync";!1!==a.callHook("beforeDisable",b)&&(a.disabled=!0,a.model.disabled=!0,a.callHook("afterDisable",b))},enable:function(){var a=this,b=a.isAsync?"async":"sync";!1!==a.callHook("beforeEnable",b)&&(a.disabled=!1,a.model.disabled=!1,a.callHook("afterEnable",b))},refresh:function(a){this.go(this.model.pageNumber,a)},show:function(){var a=this;a.model.el.is(":visible")||a.model.el.show()},hide:function(){var a=this;a.model.el.is(":visible")&&a.model.el.hide()},replaceVariables:function(a,b){var c;for(var d in b){var e=b[d],f=new RegExp("<%=\\s*"+d+"\\s*%>","img");c=(c||a).replace(f,e)}return c},getDataFragment:function(a){var b=k.pageSize,c=k.dataSource,d=this.getTotalNumber(),e=b*(a-1)+1,f=Math.min(a*b,d);return c.slice(e-1,f)},getTotalNumber:function(){return this.model.totalNumber||k.totalNumber||0},getTotalPage:function(){return Math.ceil(this.getTotalNumber()/k.pageSize)},getLocator:function(a){var d;return"string"==typeof a?d=a:b.isFunction(a)?d=a():c('"locator" is incorrect. (String | Function)'),d},filterDataByLocator:function(a){var d,e=this.getLocator(k.locator);if(i.isObject(a)){try{b.each(e.split("."),function(b,c){d=(d||a)[c]})}catch(a){}d?i.isArray(d)||c("dataSource."+e+" must be an Array."):c("dataSource."+e+" is undefined.")}return d||a},parseDataSource:function(a,d){var e=this;i.isObject(a)?d(k.dataSource=e.filterDataByLocator(a)):i.isArray(a)?d(k.dataSource=a):b.isFunction(a)?k.dataSource(function(a){i.isArray(a)||c('The parameter of "done" Function should be an Array.'),e.parseDataSource.call(e,a,d)}):"string"==typeof a?(/^https?|file:/.test(a)&&(k.ajaxDataType="jsonp"),d(a)):c('Unexpected type of "dataSource".')},callHook:function(c){var d,e=j.data("pagination"),f=Array.prototype.slice.apply(arguments);return f.shift(),k[c]&&b.isFunction(k[c])&&!1===k[c].apply(a,f)&&(d=!1),e.hooks&&e.hooks[c]&&b.each(e.hooks[c],function(b,c){!1===c.apply(a,f)&&(d=!1)}),!1!==d},observer:function(){var a=this,d=a.model.el;j.on(h+"go",function(d,e,f){(e=parseInt(b.trim(e)))&&(b.isNumeric(e)||c('"pageNumber" is incorrect. (Number)'),a.go(e,f))}),d.delegate(".J-paginationjs-page","click",function(c){var d=b(c.currentTarget),e=b.trim(d.attr("data-num"));if(e&&!d.hasClass(k.disableClassName)&&!d.hasClass(k.activeClassName))return!1!==a.callHook("beforePageOnClick",c,e)&&(a.go(e),a.callHook("afterPageOnClick",c,e),!!k.pageLink&&void 0)}),d.delegate(".J-paginationjs-previous","click",function(c){var d=b(c.currentTarget),e=b.trim(d.attr("data-num"));if(e&&!d.hasClass(k.disableClassName))return!1!==a.callHook("beforePreviousOnClick",c,e)&&(a.go(e),a.callHook("afterPreviousOnClick",c,e),!!k.pageLink&&void 0)}),d.delegate(".J-paginationjs-next","click",function(c){var d=b(c.currentTarget),e=b.trim(d.attr("data-num"));if(e&&!d.hasClass(k.disableClassName))return!1!==a.callHook("beforeNextOnClick",c,e)&&(a.go(e),a.callHook("afterNextOnClick",c,e),!!k.pageLink&&void 0)}),d.delegate(".J-paginationjs-go-button","click",function(c){var e=b(".J-paginationjs-go-pagenumber",d).val();if(!1===a.callHook("beforeGoButtonOnClick",c,e))return!1;j.trigger(h+"go",e),a.callHook("afterGoButtonOnClick",c,e)}),d.delegate(".J-paginationjs-go-pagenumber","keyup",function(c){if(13===c.which){var e=b(c.currentTarget).val();if(!1===a.callHook("beforeGoInputOnEnter",c,e))return!1;j.trigger(h+"go",e),b(".J-paginationjs-go-pagenumber",d).focus(),a.callHook("afterGoInputOnEnter",c,e)}}),j.on(h+"previous",function(b,c){a.previous(c)}),j.on(h+"next",function(b,c){a.next(c)}),j.on(h+"disable",function(){a.disable()}),j.on(h+"enable",function(){a.enable()}),j.on(h+"refresh",function(b,c){a.refresh(c)}),j.on(h+"show",function(){a.show()}),j.on(h+"hide",function(){a.hide()}),j.on(h+"destroy",function(){a.destroy()});var e=Math.max(a.getTotalPage(),1),f=k.pageNumber;a.isDynamicTotalNumber&&(f=1),k.triggerPagingOnInit&&j.trigger(h+"go",Math.min(f,e))}};if(j.data("pagination")&&!0===j.data("pagination").initialized){if(b.isNumeric(f))return j.trigger.call(this,h+"go",f,arguments[1]),this;if("string"==typeof f){var m=Array.prototype.slice.apply(arguments);switch(m[0]=h+m[0],f){case"previous":case"next":case"go":case"disable":case"enable":case"refresh":case"show":case"hide":case"destroy":j.trigger.apply(this,m);break;case"getSelectedPageNum":return j.data("pagination").model?j.data("pagination").model.pageNumber:j.data("pagination").attributes.pageNumber;case"getTotalPage":return Math.ceil(j.data("pagination").model.totalNumber/j.data("pagination").model.pageSize);case"getSelectedPageData":return j.data("pagination").currentPageData;case"isDisabled":return!0===j.data("pagination").model.disabled;default:c("Unknown action: "+f)}return this}e(j)}else i.isObject(f)||c("Illegal options");return d(k),l.initialize(),this},b.fn[g].defaults={totalNumber:0,pageNumber:1,pageSize:10,pageRange:2,showPrevious:!0,showNext:!0,showPageNumbers:!0,showNavigator:!1,showGoInput:!1,showGoButton:!1,pageLink:"",prevText:"«",nextText:"»",ellipsisText:"...",goButtonText:"Go",classPrefix:"paginationjs",activeClassName:"active",disableClassName:"disabled",inlineStyle:!0,formatNavigator:"<%= currentPage %> / <%= totalPage %>",formatGoInput:"<%= input %>",formatGoButton:"<%= button %>",position:"bottom",autoHidePrevious:!1,autoHideNext:!1,triggerPagingOnInit:!0,hideWhenLessThanOnePage:!1,showFirstOnEllipsisShow:!0,showLastOnEllipsisShow:!0,callback:function(){}},b.fn.addHook=function(a,d){arguments.length<2&&c("Missing argument."),b.isFunction(d)||c("callback must be a function.");var e=b(this),f=e.data("pagination");f||(e.data("pagination",{}),f=e.data("pagination")),!f.hooks&&(f.hooks={}),f.hooks[a]=f.hooks[a]||[],f.hooks[a].push(d)},b[g]=function(a,d){arguments.length<2&&c("Requires two parameters.");var e;if(e="string"!=typeof a&&a instanceof jQuery?a:b(a),e.length)return e.pagination(d),e};var i={};b.each(["Object","Array","String"],function(a,b){i["is"+b]=function(a){return f(a)===b.toLowerCase()}}),"function"==typeof define&&define.amd&&define(function(){return b})}(this,window.jQuery); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..fb739ed6 --- /dev/null +++ b/style.css @@ -0,0 +1,77 @@ + +/* .html{ + background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%); +} */ +.navbar{ + display: flex; + flex-direction: column; + font-size: 5em; + font-weight: bold; +} +/* .contentofBlog{ + display: grid; + grid-template-columns: 1fr 1fr; + border: solid 2px black; +} */ +.contentPost{ + display: grid; + grid-template-columns: 1fr 1fr; + border: solid 1px; + /* border: solid 1px; + border-left: solid 1px; + border-right: solid 1px; + border-bottom: solid 1px; */ +} +.title{ + font-weight: bold; + color: black; + font-size: 2em; + border-right: solid 1px; + /* border-left: solid 1px; */ + text-align: center; + font-weight: bold; + /* border-bottom: solid 1px; + border-top: solid 1px; */ +} +/* #contentBlog{ + border: solid 1px black; +} */ +.mb-0{ + + display: flex; + flex-direction: column; + /* font-size: 100px; */ +} +/* .card-body{ + display: grid; + grid-template-columns: 1fr 1fr; + +} */ + +/* .pli{ + display: grid; + grid-template-columns: 1fr 1fr; +} */ +.lp{ + display: grid; + grid-template-columns: 1fr 1fr; +} +#centerbtn{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; +} +.infoName{ + font-weight: bold; + align-items: center; + align-content: center; + text-align: center; +} +.infoBody{ + border: 1px solid black; + border-radius: 1px; +} +.modal-body{ + align-items: center; + align-self: center; + text-align: center; +}