1
+ <!DOCTYPE html>
2
+ < html xmlns ="http://www.w3.org/1999/xhtml " lang ="en " xml:lang ="en "> < head >
3
+
4
+ < meta charset ="utf-8 ">
5
+ < meta name ="generator " content ="quarto-1.2.335 ">
6
+
7
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0, user-scalable=yes ">
8
+
9
+
10
+ < title > Pablo-source.github.io - About</ title >
11
+ < style >
12
+ code {white-space : pre-wrap;}
13
+ span .smallcaps {font-variant : small-caps;}
14
+ div .columns {display : flex; gap : min (4vw , 1.5em );}
15
+ div .column {flex : auto; overflow-x : auto;}
16
+ div .hanging-indent {margin-left : 1.5em ; text-indent : -1.5em ;}
17
+ ul .task-list {list-style : none;}
18
+ ul .task-list li input [type = "checkbox" ] {
19
+ width : 0.8em ;
20
+ margin : 0 0.8em 0.2em -1.6em ;
21
+ vertical-align : middle;
22
+ }
23
+ pre > code .sourceCode { white-space : pre; position : relative; }
24
+ pre > code .sourceCode > span { display : inline-block; line-height : 1.25 ; }
25
+ pre > code .sourceCode > span : empty { height : 1.2em ; }
26
+ .sourceCode { overflow : visible; }
27
+ code .sourceCode > span { color : inherit; text-decoration : inherit; }
28
+ div .sourceCode { margin : 1em 0 ; }
29
+ pre .sourceCode { margin : 0 ; }
30
+ @media screen {
31
+ div .sourceCode { overflow : auto; }
32
+ }
33
+ @media print {
34
+ pre > code .sourceCode { white-space : pre-wrap; }
35
+ pre > code .sourceCode > span { text-indent : -5em ; padding-left : 5em ; }
36
+ }
37
+ pre .numberSource code
38
+ { counter-reset : source-line 0 ; }
39
+ pre .numberSource code > span
40
+ { position : relative; left : -4em ; counter-increment : source-line; }
41
+ pre .numberSource code > span > a : first-child ::before
42
+ { content : counter (source-line);
43
+ position : relative; left : -1em ; text-align : right; vertical-align : baseline;
44
+ border : none; display : inline-block;
45
+ -webkit-touch-callout : none; -webkit-user-select : none;
46
+ -khtml-user-select : none; -moz-user-select : none;
47
+ -ms-user-select : none; user-select : none;
48
+ padding : 0 4px ; width : 4em ;
49
+ color : # aaaaaa ;
50
+ }
51
+ pre .numberSource { margin-left : 3em ; border-left : 1px solid # aaaaaa ; padding-left : 4px ; }
52
+ div .sourceCode
53
+ { }
54
+ @media screen {
55
+ pre > code .sourceCode > span > a : first-child ::before { text-decoration : underline; }
56
+ }
57
+ code span .al { color : # ff0000 ; font-weight : bold; } /* Alert */
58
+ code span .an { color : # 60a0b0 ; font-weight : bold; font-style : italic; } /* Annotation */
59
+ code span .at { color : # 7d9029 ; } /* Attribute */
60
+ code span .bn { color : # 40a070 ; } /* BaseN */
61
+ code span .bu { color : # 008000 ; } /* BuiltIn */
62
+ code span .cf { color : # 007020 ; font-weight : bold; } /* ControlFlow */
63
+ code span .ch { color : # 4070a0 ; } /* Char */
64
+ code span .cn { color : # 880000 ; } /* Constant */
65
+ code span .co { color : # 60a0b0 ; font-style : italic; } /* Comment */
66
+ code span .cv { color : # 60a0b0 ; font-weight : bold; font-style : italic; } /* CommentVar */
67
+ code span .do { color : # ba2121 ; font-style : italic; } /* Documentation */
68
+ code span .dt { color : # 902000 ; } /* DataType */
69
+ code span .dv { color : # 40a070 ; } /* DecVal */
70
+ code span .er { color : # ff0000 ; font-weight : bold; } /* Error */
71
+ code span .ex { } /* Extension */
72
+ code span .fl { color : # 40a070 ; } /* Float */
73
+ code span .fu { color : # 06287e ; } /* Function */
74
+ code span .im { color : # 008000 ; font-weight : bold; } /* Import */
75
+ code span .in { color : # 60a0b0 ; font-weight : bold; font-style : italic; } /* Information */
76
+ code span .kw { color : # 007020 ; font-weight : bold; } /* Keyword */
77
+ code span .op { color : # 666666 ; } /* Operator */
78
+ code span .ot { color : # 007020 ; } /* Other */
79
+ code span .pp { color : # bc7a00 ; } /* Preprocessor */
80
+ code span .sc { color : # 4070a0 ; } /* SpecialChar */
81
+ code span .ss { color : # bb6688 ; } /* SpecialString */
82
+ code span .st { color : # 4070a0 ; } /* String */
83
+ code span .va { color : # 19177c ; } /* Variable */
84
+ code span .vs { color : # 4070a0 ; } /* VerbatimString */
85
+ code span .wa { color : # 60a0b0 ; font-weight : bold; font-style : italic; } /* Warning */
86
+ </ style >
87
+
88
+
89
+ < script src ="site_libs/quarto-nav/quarto-nav.js "> </ script >
90
+ < script src ="site_libs/quarto-nav/headroom.min.js "> </ script >
91
+ < script src ="site_libs/clipboard/clipboard.min.js "> </ script >
92
+ < script src ="site_libs/quarto-search/autocomplete.umd.js "> </ script >
93
+ < script src ="site_libs/quarto-search/fuse.min.js "> </ script >
94
+ < script src ="site_libs/quarto-search/quarto-search.js "> </ script >
95
+ < meta name ="quarto:offset " content ="./ ">
96
+ < script src ="site_libs/quarto-html/quarto.js "> </ script >
97
+ < script src ="site_libs/quarto-html/popper.min.js "> </ script >
98
+ < script src ="site_libs/quarto-html/tippy.umd.min.js "> </ script >
99
+ < script src ="site_libs/quarto-html/anchor.min.js "> </ script >
100
+ < link href ="site_libs/quarto-html/tippy.css " rel ="stylesheet ">
101
+ < link href ="site_libs/quarto-html/quarto-syntax-highlighting.css " rel ="stylesheet " id ="quarto-text-highlighting-styles ">
102
+ < script src ="site_libs/bootstrap/bootstrap.min.js "> </ script >
103
+ < link href ="site_libs/bootstrap/bootstrap-icons.css " rel ="stylesheet ">
104
+ < link href ="site_libs/bootstrap/bootstrap.min.css " rel ="stylesheet " id ="quarto-bootstrap " data-mode ="light ">
105
+ < script id ="quarto-search-options " type ="application/json "> {
106
+ "location" : "navbar" ,
107
+ "copy-button" : false ,
108
+ "collapse-after" : 3 ,
109
+ "panel-placement" : "end" ,
110
+ "type" : "overlay" ,
111
+ "limit" : 20 ,
112
+ "language" : {
113
+ "search-no-results-text" : "No results" ,
114
+ "search-matching-documents-text" : "matching documents" ,
115
+ "search-copy-link-title" : "Copy link to search" ,
116
+ "search-hide-matches-text" : "Hide additional matches" ,
117
+ "search-more-match-text" : "more match in this document" ,
118
+ "search-more-matches-text" : "more matches in this document" ,
119
+ "search-clear-button-title" : "Clear" ,
120
+ "search-detached-cancel-button-title" : "Cancel" ,
121
+ "search-submit-button-title" : "Submit"
122
+ }
123
+ } </ script >
124
+
125
+
126
+ < link rel ="stylesheet " href ="styles.css ">
127
+ </ head >
128
+
129
+ < body class ="nav-fixed ">
130
+
131
+ < div id ="quarto-search-results "> </ div >
132
+ < header id ="quarto-header " class ="headroom fixed-top ">
133
+ < nav class ="navbar navbar-expand-lg navbar-dark ">
134
+ < div class ="navbar-container container-fluid ">
135
+ < div class ="navbar-brand-container ">
136
+ < a class ="navbar-brand " href ="./index.html ">
137
+ < span class ="navbar-title "> Pablo-source.github.io</ span >
138
+ </ a >
139
+ </ div >
140
+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarCollapse " aria-controls ="navbarCollapse " aria-expanded ="false " aria-label ="Toggle navigation " onclick ="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); } ">
141
+ < span class ="navbar-toggler-icon "> </ span >
142
+ </ button >
143
+ < div class ="collapse navbar-collapse " id ="navbarCollapse ">
144
+ < ul class ="navbar-nav navbar-nav-scroll me-auto ">
145
+ < li class ="nav-item ">
146
+ < a class ="nav-link " href ="./index.html ">
147
+ < span class ="menu-text "> Home</ span > </ a >
148
+ </ li >
149
+ < li class ="nav-item ">
150
+ < a class ="nav-link active " href ="./about.html " aria-current ="page ">
151
+ < span class ="menu-text "> About</ span > </ a >
152
+ </ li >
153
+ </ ul >
154
+ < div id ="quarto-search " class ="" title ="Search "> </ div >
155
+ </ div > <!-- /navcollapse -->
156
+ </ div > <!-- /container-fluid -->
157
+ </ nav >
158
+ </ header >
159
+ <!-- content -->
160
+ < div id ="quarto-content " class ="quarto-container page-columns page-rows-contents page-layout-article page-navbar ">
161
+ <!-- sidebar -->
162
+ <!-- margin-sidebar -->
163
+ < div id ="quarto-margin-sidebar " class ="sidebar margin-sidebar ">
164
+
165
+ </ div >
166
+ <!-- main -->
167
+ < main class ="content " id ="quarto-document-content ">
168
+
169
+ < header id ="title-block-header " class ="quarto-title-block default ">
170
+ < div class ="quarto-title ">
171
+ < h1 class ="title "> About</ h1 >
172
+ </ div >
173
+
174
+
175
+
176
+ < div class ="quarto-title-meta ">
177
+
178
+
179
+
180
+
181
+ </ div >
182
+
183
+
184
+ </ header >
185
+
186
+ < p > This is my personal website where I will publish Quarto documents about Data Analysis, statistics, modelling and visualization using R and Python</ p >
187
+ < div class ="cell ">
188
+ < div class ="sourceCode cell-code " id ="cb1 "> < pre class ="sourceCode r code-with-copy "> < code class ="sourceCode r "> < span id ="cb1-1 "> < a href ="#cb1-1 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="dv "> 1</ span > < span class ="sc "> +</ span > < span class ="dv "> 1</ span > </ span > </ code > < button title ="Copy to Clipboard " class ="code-copy-button "> < i class ="bi "> </ i > </ button > </ pre > </ div >
189
+ < div class ="cell-output cell-output-stdout ">
190
+ < pre > < code > [1] 2</ code > </ pre >
191
+ </ div >
192
+ </ div >
193
+
194
+
195
+
196
+ </ main > <!-- /main -->
197
+ < script id ="quarto-html-after-body " type ="application/javascript ">
198
+ window . document . addEventListener ( "DOMContentLoaded" , function ( event ) {
199
+ const toggleBodyColorMode = ( bsSheetEl ) => {
200
+ const mode = bsSheetEl . getAttribute ( "data-mode" ) ;
201
+ const bodyEl = window . document . querySelector ( "body" ) ;
202
+ if ( mode === "dark" ) {
203
+ bodyEl . classList . add ( "quarto-dark" ) ;
204
+ bodyEl . classList . remove ( "quarto-light" ) ;
205
+ } else {
206
+ bodyEl . classList . add ( "quarto-light" ) ;
207
+ bodyEl . classList . remove ( "quarto-dark" ) ;
208
+ }
209
+ }
210
+ const toggleBodyColorPrimary = ( ) => {
211
+ const bsSheetEl = window . document . querySelector ( "link#quarto-bootstrap" ) ;
212
+ if ( bsSheetEl ) {
213
+ toggleBodyColorMode ( bsSheetEl ) ;
214
+ }
215
+ }
216
+ toggleBodyColorPrimary ( ) ;
217
+ const icon = "" ;
218
+ const anchorJS = new window . AnchorJS ( ) ;
219
+ anchorJS . options = {
220
+ placement : 'right' ,
221
+ icon : icon
222
+ } ;
223
+ anchorJS . add ( '.anchored' ) ;
224
+ const clipboard = new window . ClipboardJS ( '.code-copy-button' , {
225
+ target : function ( trigger ) {
226
+ return trigger . previousElementSibling ;
227
+ }
228
+ } ) ;
229
+ clipboard . on ( 'success' , function ( e ) {
230
+ // button target
231
+ const button = e . trigger ;
232
+ // don't keep focus
233
+ button . blur ( ) ;
234
+ // flash "checked"
235
+ button . classList . add ( 'code-copy-button-checked' ) ;
236
+ var currentTitle = button . getAttribute ( "title" ) ;
237
+ button . setAttribute ( "title" , "Copied!" ) ;
238
+ let tooltip ;
239
+ if ( window . bootstrap ) {
240
+ button . setAttribute ( "data-bs-toggle" , "tooltip" ) ;
241
+ button . setAttribute ( "data-bs-placement" , "left" ) ;
242
+ button . setAttribute ( "data-bs-title" , "Copied!" ) ;
243
+ tooltip = new bootstrap . Tooltip ( button ,
244
+ { trigger : "manual" ,
245
+ customClass : "code-copy-button-tooltip" ,
246
+ offset : [ 0 , - 8 ] } ) ;
247
+ tooltip . show ( ) ;
248
+ }
249
+ setTimeout ( function ( ) {
250
+ if ( tooltip ) {
251
+ tooltip . hide ( ) ;
252
+ button . removeAttribute ( "data-bs-title" ) ;
253
+ button . removeAttribute ( "data-bs-toggle" ) ;
254
+ button . removeAttribute ( "data-bs-placement" ) ;
255
+ }
256
+ button . setAttribute ( "title" , currentTitle ) ;
257
+ button . classList . remove ( 'code-copy-button-checked' ) ;
258
+ } , 1000 ) ;
259
+ // clear code selection
260
+ e . clearSelection ( ) ;
261
+ } ) ;
262
+ function tippyHover ( el , contentFn ) {
263
+ const config = {
264
+ allowHTML : true ,
265
+ content : contentFn ,
266
+ maxWidth : 500 ,
267
+ delay : 100 ,
268
+ arrow : false ,
269
+ appendTo : function ( el ) {
270
+ return el . parentElement ;
271
+ } ,
272
+ interactive : true ,
273
+ interactiveBorder : 10 ,
274
+ theme : 'quarto' ,
275
+ placement : 'bottom-start'
276
+ } ;
277
+ window . tippy ( el , config ) ;
278
+ }
279
+ const noterefs = window . document . querySelectorAll ( 'a[role="doc-noteref"]' ) ;
280
+ for ( var i = 0 ; i < noterefs . length ; i ++ ) {
281
+ const ref = noterefs [ i ] ;
282
+ tippyHover ( ref , function ( ) {
283
+ // use id or data attribute instead here
284
+ let href = ref . getAttribute ( 'data-footnote-href' ) || ref . getAttribute ( 'href' ) ;
285
+ try { href = new URL ( href ) . hash ; } catch { }
286
+ const id = href . replace ( / ^ # \/ ? / , "" ) ;
287
+ const note = window . document . getElementById ( id ) ;
288
+ return note . innerHTML ;
289
+ } ) ;
290
+ }
291
+ const findCites = ( el ) => {
292
+ const parentEl = el . parentElement ;
293
+ if ( parentEl ) {
294
+ const cites = parentEl . dataset . cites ;
295
+ if ( cites ) {
296
+ return {
297
+ el,
298
+ cites : cites . split ( ' ' )
299
+ } ;
300
+ } else {
301
+ return findCites ( el . parentElement )
302
+ }
303
+ } else {
304
+ return undefined ;
305
+ }
306
+ } ;
307
+ var bibliorefs = window . document . querySelectorAll ( 'a[role="doc-biblioref"]' ) ;
308
+ for ( var i = 0 ; i < bibliorefs . length ; i ++ ) {
309
+ const ref = bibliorefs [ i ] ;
310
+ const citeInfo = findCites ( ref ) ;
311
+ if ( citeInfo ) {
312
+ tippyHover ( citeInfo . el , function ( ) {
313
+ var popup = window . document . createElement ( 'div' ) ;
314
+ citeInfo . cites . forEach ( function ( cite ) {
315
+ var citeDiv = window . document . createElement ( 'div' ) ;
316
+ citeDiv . classList . add ( 'hanging-indent' ) ;
317
+ citeDiv . classList . add ( 'csl-entry' ) ;
318
+ var biblioDiv = window . document . getElementById ( 'ref-' + cite ) ;
319
+ if ( biblioDiv ) {
320
+ citeDiv . innerHTML = biblioDiv . innerHTML ;
321
+ }
322
+ popup . appendChild ( citeDiv ) ;
323
+ } ) ;
324
+ return popup . innerHTML ;
325
+ } ) ;
326
+ }
327
+ }
328
+ } ) ;
329
+ </ script >
330
+ </ div > <!-- /content -->
331
+
332
+
333
+
334
+ </ body > </ html >
0 commit comments