It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://devhubby.com/thread/how-to-add-a-footer-to-a-shiny-app

  1. <!doctype html>
  2. <html data-n-head-ssr>
  3.  <head >
  4.    <meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"><meta data-n-head="ssr" property="twitter:site" content="@devhubbycom"><meta data-n-head="ssr" property="twitter:creator" content="@devhubbycom"><meta data-n-head="ssr" property="twitter:title" content="How to add a footer to a Shiny app?"><meta data-n-head="ssr" property="twitter:description" content="How to add a footer to a Shiny app?"><meta data-n-head="ssr" property="og:title" content="How to add a footer to a Shiny app?"><meta data-n-head="ssr" property="og:url" content="https://devhubby.com/thread/how-to-add-a-footer-to-a-shiny-app"><meta data-n-head="ssr" property="og:description" content="How to add a footer to a Shiny app?"><meta data-n-head="ssr" property="og:site_name" content="Software Developer Questions and Answers"><meta data-n-head="ssr" data-hid="description" name="description" content="How to add a footer to a Shiny app?"><title>How to add a footer to a Shiny app?</title><link data-n-head="ssr" rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto"><link data-n-head="ssr" rel="stylesheet" href="https://forum-static.fra1.cdn.digitaloceanspaces.com/css/c64c6733-bfad-4db8-b387-18207476d4d5/custom.css"><link data-n-head="ssr" rel="icon" type="image/png" href="https://forum-static.fra1.cdn.digitaloceanspaces.com/images/c64c6733-bfad-4db8-b387-18207476d4d5/favicon.png"><link data-n-head="ssr" data-hid="i18n-can" rel="canonical" href="https://devhubby.com/thread/how-to-add-a-footer-to-a-shiny-app"><style data-n-head="vuetify" type="text/css" id="vuetify-theme-stylesheet" nonce="undefined">.v-application a { color: #1976d2; }
  5. .v-application .primary {
  6.  background-color: #1976d2 !important;
  7.  border-color: #1976d2 !important;
  8. }
  9. .v-application .primary--text {
  10.  color: #1976d2 !important;
  11.  caret-color: #1976d2 !important;
  12. }
  13. .v-application .primary.lighten-5 {
  14.  background-color: #c7fdff !important;
  15.  border-color: #c7fdff !important;
  16. }
  17. .v-application .primary--text.text--lighten-5 {
  18.  color: #c7fdff !important;
  19.  caret-color: #c7fdff !important;
  20. }
  21. .v-application .primary.lighten-4 {
  22.  background-color: #a8e0ff !important;
  23.  border-color: #a8e0ff !important;
  24. }
  25. .v-application .primary--text.text--lighten-4 {
  26.  color: #a8e0ff !important;
  27.  caret-color: #a8e0ff !important;
  28. }
  29. .v-application .primary.lighten-3 {
  30.  background-color: #8ac5ff !important;
  31.  border-color: #8ac5ff !important;
  32. }
  33. .v-application .primary--text.text--lighten-3 {
  34.  color: #8ac5ff !important;
  35.  caret-color: #8ac5ff !important;
  36. }
  37. .v-application .primary.lighten-2 {
  38.  background-color: #6aaaff !important;
  39.  border-color: #6aaaff !important;
  40. }
  41. .v-application .primary--text.text--lighten-2 {
  42.  color: #6aaaff !important;
  43.  caret-color: #6aaaff !important;
  44. }
  45. .v-application .primary.lighten-1 {
  46.  background-color: #488fef !important;
  47.  border-color: #488fef !important;
  48. }
  49. .v-application .primary--text.text--lighten-1 {
  50.  color: #488fef !important;
  51.  caret-color: #488fef !important;
  52. }
  53. .v-application .primary.darken-1 {
  54.  background-color: #005eb6 !important;
  55.  border-color: #005eb6 !important;
  56. }
  57. .v-application .primary--text.text--darken-1 {
  58.  color: #005eb6 !important;
  59.  caret-color: #005eb6 !important;
  60. }
  61. .v-application .primary.darken-2 {
  62.  background-color: #00479b !important;
  63.  border-color: #00479b !important;
  64. }
  65. .v-application .primary--text.text--darken-2 {
  66.  color: #00479b !important;
  67.  caret-color: #00479b !important;
  68. }
  69. .v-application .primary.darken-3 {
  70.  background-color: #003180 !important;
  71.  border-color: #003180 !important;
  72. }
  73. .v-application .primary--text.text--darken-3 {
  74.  color: #003180 !important;
  75.  caret-color: #003180 !important;
  76. }
  77. .v-application .primary.darken-4 {
  78.  background-color: #001e67 !important;
  79.  border-color: #001e67 !important;
  80. }
  81. .v-application .primary--text.text--darken-4 {
  82.  color: #001e67 !important;
  83.  caret-color: #001e67 !important;
  84. }
  85. .v-application .secondary {
  86.  background-color: #424242 !important;
  87.  border-color: #424242 !important;
  88. }
  89. .v-application .secondary--text {
  90.  color: #424242 !important;
  91.  caret-color: #424242 !important;
  92. }
  93. .v-application .secondary.lighten-5 {
  94.  background-color: #c1c1c1 !important;
  95.  border-color: #c1c1c1 !important;
  96. }
  97. .v-application .secondary--text.text--lighten-5 {
  98.  color: #c1c1c1 !important;
  99.  caret-color: #c1c1c1 !important;
  100. }
  101. .v-application .secondary.lighten-4 {
  102.  background-color: #a6a6a6 !important;
  103.  border-color: #a6a6a6 !important;
  104. }
  105. .v-application .secondary--text.text--lighten-4 {
  106.  color: #a6a6a6 !important;
  107.  caret-color: #a6a6a6 !important;
  108. }
  109. .v-application .secondary.lighten-3 {
  110.  background-color: #8b8b8b !important;
  111.  border-color: #8b8b8b !important;
  112. }
  113. .v-application .secondary--text.text--lighten-3 {
  114.  color: #8b8b8b !important;
  115.  caret-color: #8b8b8b !important;
  116. }
  117. .v-application .secondary.lighten-2 {
  118.  background-color: #727272 !important;
  119.  border-color: #727272 !important;
  120. }
  121. .v-application .secondary--text.text--lighten-2 {
  122.  color: #727272 !important;
  123.  caret-color: #727272 !important;
  124. }
  125. .v-application .secondary.lighten-1 {
  126.  background-color: #595959 !important;
  127.  border-color: #595959 !important;
  128. }
  129. .v-application .secondary--text.text--lighten-1 {
  130.  color: #595959 !important;
  131.  caret-color: #595959 !important;
  132. }
  133. .v-application .secondary.darken-1 {
  134.  background-color: #2c2c2c !important;
  135.  border-color: #2c2c2c !important;
  136. }
  137. .v-application .secondary--text.text--darken-1 {
  138.  color: #2c2c2c !important;
  139.  caret-color: #2c2c2c !important;
  140. }
  141. .v-application .secondary.darken-2 {
  142.  background-color: #171717 !important;
  143.  border-color: #171717 !important;
  144. }
  145. .v-application .secondary--text.text--darken-2 {
  146.  color: #171717 !important;
  147.  caret-color: #171717 !important;
  148. }
  149. .v-application .secondary.darken-3 {
  150.  background-color: #000000 !important;
  151.  border-color: #000000 !important;
  152. }
  153. .v-application .secondary--text.text--darken-3 {
  154.  color: #000000 !important;
  155.  caret-color: #000000 !important;
  156. }
  157. .v-application .secondary.darken-4 {
  158.  background-color: #000000 !important;
  159.  border-color: #000000 !important;
  160. }
  161. .v-application .secondary--text.text--darken-4 {
  162.  color: #000000 !important;
  163.  caret-color: #000000 !important;
  164. }
  165. .v-application .accent {
  166.  background-color: #82b1ff !important;
  167.  border-color: #82b1ff !important;
  168. }
  169. .v-application .accent--text {
  170.  color: #82b1ff !important;
  171.  caret-color: #82b1ff !important;
  172. }
  173. .v-application .accent.lighten-5 {
  174.  background-color: #ffffff !important;
  175.  border-color: #ffffff !important;
  176. }
  177. .v-application .accent--text.text--lighten-5 {
  178.  color: #ffffff !important;
  179.  caret-color: #ffffff !important;
  180. }
  181. .v-application .accent.lighten-4 {
  182.  background-color: #f8ffff !important;
  183.  border-color: #f8ffff !important;
  184. }
  185. .v-application .accent--text.text--lighten-4 {
  186.  color: #f8ffff !important;
  187.  caret-color: #f8ffff !important;
  188. }
  189. .v-application .accent.lighten-3 {
  190.  background-color: #daffff !important;
  191.  border-color: #daffff !important;
  192. }
  193. .v-application .accent--text.text--lighten-3 {
  194.  color: #daffff !important;
  195.  caret-color: #daffff !important;
  196. }
  197. .v-application .accent.lighten-2 {
  198.  background-color: #bce8ff !important;
  199.  border-color: #bce8ff !important;
  200. }
  201. .v-application .accent--text.text--lighten-2 {
  202.  color: #bce8ff !important;
  203.  caret-color: #bce8ff !important;
  204. }
  205. .v-application .accent.lighten-1 {
  206.  background-color: #9fccff !important;
  207.  border-color: #9fccff !important;
  208. }
  209. .v-application .accent--text.text--lighten-1 {
  210.  color: #9fccff !important;
  211.  caret-color: #9fccff !important;
  212. }
  213. .v-application .accent.darken-1 {
  214.  background-color: #6596e2 !important;
  215.  border-color: #6596e2 !important;
  216. }
  217. .v-application .accent--text.text--darken-1 {
  218.  color: #6596e2 !important;
  219.  caret-color: #6596e2 !important;
  220. }
  221. .v-application .accent.darken-2 {
  222.  background-color: #467dc6 !important;
  223.  border-color: #467dc6 !important;
  224. }
  225. .v-application .accent--text.text--darken-2 {
  226.  color: #467dc6 !important;
  227.  caret-color: #467dc6 !important;
  228. }
  229. .v-application .accent.darken-3 {
  230.  background-color: #2364aa !important;
  231.  border-color: #2364aa !important;
  232. }
  233. .v-application .accent--text.text--darken-3 {
  234.  color: #2364aa !important;
  235.  caret-color: #2364aa !important;
  236. }
  237. .v-application .accent.darken-4 {
  238.  background-color: #004c90 !important;
  239.  border-color: #004c90 !important;
  240. }
  241. .v-application .accent--text.text--darken-4 {
  242.  color: #004c90 !important;
  243.  caret-color: #004c90 !important;
  244. }
  245. .v-application .error {
  246.  background-color: #ff5252 !important;
  247.  border-color: #ff5252 !important;
  248. }
  249. .v-application .error--text {
  250.  color: #ff5252 !important;
  251.  caret-color: #ff5252 !important;
  252. }
  253. .v-application .error.lighten-5 {
  254.  background-color: #ffe4d5 !important;
  255.  border-color: #ffe4d5 !important;
  256. }
  257. .v-application .error--text.text--lighten-5 {
  258.  color: #ffe4d5 !important;
  259.  caret-color: #ffe4d5 !important;
  260. }
  261. .v-application .error.lighten-4 {
  262.  background-color: #ffc6b9 !important;
  263.  border-color: #ffc6b9 !important;
  264. }
  265. .v-application .error--text.text--lighten-4 {
  266.  color: #ffc6b9 !important;
  267.  caret-color: #ffc6b9 !important;
  268. }
  269. .v-application .error.lighten-3 {
  270.  background-color: #ffa99e !important;
  271.  border-color: #ffa99e !important;
  272. }
  273. .v-application .error--text.text--lighten-3 {
  274.  color: #ffa99e !important;
  275.  caret-color: #ffa99e !important;
  276. }
  277. .v-application .error.lighten-2 {
  278.  background-color: #ff8c84 !important;
  279.  border-color: #ff8c84 !important;
  280. }
  281. .v-application .error--text.text--lighten-2 {
  282.  color: #ff8c84 !important;
  283.  caret-color: #ff8c84 !important;
  284. }
  285. .v-application .error.lighten-1 {
  286.  background-color: #ff6f6a !important;
  287.  border-color: #ff6f6a !important;
  288. }
  289. .v-application .error--text.text--lighten-1 {
  290.  color: #ff6f6a !important;
  291.  caret-color: #ff6f6a !important;
  292. }
  293. .v-application .error.darken-1 {
  294.  background-color: #df323b !important;
  295.  border-color: #df323b !important;
  296. }
  297. .v-application .error--text.text--darken-1 {
  298.  color: #df323b !important;
  299.  caret-color: #df323b !important;
  300. }
  301. .v-application .error.darken-2 {
  302.  background-color: #bf0025 !important;
  303.  border-color: #bf0025 !important;
  304. }
  305. .v-application .error--text.text--darken-2 {
  306.  color: #bf0025 !important;
  307.  caret-color: #bf0025 !important;
  308. }
  309. .v-application .error.darken-3 {
  310.  background-color: #9f0010 !important;
  311.  border-color: #9f0010 !important;
  312. }
  313. .v-application .error--text.text--darken-3 {
  314.  color: #9f0010 !important;
  315.  caret-color: #9f0010 !important;
  316. }
  317. .v-application .error.darken-4 {
  318.  background-color: #800000 !important;
  319.  border-color: #800000 !important;
  320. }
  321. .v-application .error--text.text--darken-4 {
  322.  color: #800000 !important;
  323.  caret-color: #800000 !important;
  324. }
  325. .v-application .info {
  326.  background-color: #2196f3 !important;
  327.  border-color: #2196f3 !important;
  328. }
  329. .v-application .info--text {
  330.  color: #2196f3 !important;
  331.  caret-color: #2196f3 !important;
  332. }
  333. .v-application .info.lighten-5 {
  334.  background-color: #d4ffff !important;
  335.  border-color: #d4ffff !important;
  336. }
  337. .v-application .info--text.text--lighten-5 {
  338.  color: #d4ffff !important;
  339.  caret-color: #d4ffff !important;
  340. }
  341. .v-application .info.lighten-4 {
  342.  background-color: #b5ffff !important;
  343.  border-color: #b5ffff !important;
  344. }
  345. .v-application .info--text.text--lighten-4 {
  346.  color: #b5ffff !important;
  347.  caret-color: #b5ffff !important;
  348. }
  349. .v-application .info.lighten-3 {
  350.  background-color: #95e8ff !important;
  351.  border-color: #95e8ff !important;
  352. }
  353. .v-application .info--text.text--lighten-3 {
  354.  color: #95e8ff !important;
  355.  caret-color: #95e8ff !important;
  356. }
  357. .v-application .info.lighten-2 {
  358.  background-color: #75ccff !important;
  359.  border-color: #75ccff !important;
  360. }
  361. .v-application .info--text.text--lighten-2 {
  362.  color: #75ccff !important;
  363.  caret-color: #75ccff !important;
  364. }
  365. .v-application .info.lighten-1 {
  366.  background-color: #51b0ff !important;
  367.  border-color: #51b0ff !important;
  368. }
  369. .v-application .info--text.text--lighten-1 {
  370.  color: #51b0ff !important;
  371.  caret-color: #51b0ff !important;
  372. }
  373. .v-application .info.darken-1 {
  374.  background-color: #007cd6 !important;
  375.  border-color: #007cd6 !important;
  376. }
  377. .v-application .info--text.text--darken-1 {
  378.  color: #007cd6 !important;
  379.  caret-color: #007cd6 !important;
  380. }
  381. .v-application .info.darken-2 {
  382.  background-color: #0064ba !important;
  383.  border-color: #0064ba !important;
  384. }
  385. .v-application .info--text.text--darken-2 {
  386.  color: #0064ba !important;
  387.  caret-color: #0064ba !important;
  388. }
  389. .v-application .info.darken-3 {
  390.  background-color: #004d9f !important;
  391.  border-color: #004d9f !important;
  392. }
  393. .v-application .info--text.text--darken-3 {
  394.  color: #004d9f !important;
  395.  caret-color: #004d9f !important;
  396. }
  397. .v-application .info.darken-4 {
  398.  background-color: #003784 !important;
  399.  border-color: #003784 !important;
  400. }
  401. .v-application .info--text.text--darken-4 {
  402.  color: #003784 !important;
  403.  caret-color: #003784 !important;
  404. }
  405. .v-application .success {
  406.  background-color: #4caf50 !important;
  407.  border-color: #4caf50 !important;
  408. }
  409. .v-application .success--text {
  410.  color: #4caf50 !important;
  411.  caret-color: #4caf50 !important;
  412. }
  413. .v-application .success.lighten-5 {
  414.  background-color: #dcffd6 !important;
  415.  border-color: #dcffd6 !important;
  416. }
  417. .v-application .success--text.text--lighten-5 {
  418.  color: #dcffd6 !important;
  419.  caret-color: #dcffd6 !important;
  420. }
  421. .v-application .success.lighten-4 {
  422.  background-color: #beffba !important;
  423.  border-color: #beffba !important;
  424. }
  425. .v-application .success--text.text--lighten-4 {
  426.  color: #beffba !important;
  427.  caret-color: #beffba !important;
  428. }
  429. .v-application .success.lighten-3 {
  430.  background-color: #a2ff9e !important;
  431.  border-color: #a2ff9e !important;
  432. }
  433. .v-application .success--text.text--lighten-3 {
  434.  color: #a2ff9e !important;
  435.  caret-color: #a2ff9e !important;
  436. }
  437. .v-application .success.lighten-2 {
  438.  background-color: #85e783 !important;
  439.  border-color: #85e783 !important;
  440. }
  441. .v-application .success--text.text--lighten-2 {
  442.  color: #85e783 !important;
  443.  caret-color: #85e783 !important;
  444. }
  445. .v-application .success.lighten-1 {
  446.  background-color: #69cb69 !important;
  447.  border-color: #69cb69 !important;
  448. }
  449. .v-application .success--text.text--lighten-1 {
  450.  color: #69cb69 !important;
  451.  caret-color: #69cb69 !important;
  452. }
  453. .v-application .success.darken-1 {
  454.  background-color: #2d9437 !important;
  455.  border-color: #2d9437 !important;
  456. }
  457. .v-application .success--text.text--darken-1 {
  458.  color: #2d9437 !important;
  459.  caret-color: #2d9437 !important;
  460. }
  461. .v-application .success.darken-2 {
  462.  background-color: #00791e !important;
  463.  border-color: #00791e !important;
  464. }
  465. .v-application .success--text.text--darken-2 {
  466.  color: #00791e !important;
  467.  caret-color: #00791e !important;
  468. }
  469. .v-application .success.darken-3 {
  470.  background-color: #006000 !important;
  471.  border-color: #006000 !important;
  472. }
  473. .v-application .success--text.text--darken-3 {
  474.  color: #006000 !important;
  475.  caret-color: #006000 !important;
  476. }
  477. .v-application .success.darken-4 {
  478.  background-color: #004700 !important;
  479.  border-color: #004700 !important;
  480. }
  481. .v-application .success--text.text--darken-4 {
  482.  color: #004700 !important;
  483.  caret-color: #004700 !important;
  484. }
  485. .v-application .warning {
  486.  background-color: #ffc107 !important;
  487.  border-color: #ffc107 !important;
  488. }
  489. .v-application .warning--text {
  490.  color: #ffc107 !important;
  491.  caret-color: #ffc107 !important;
  492. }
  493. .v-application .warning.lighten-5 {
  494.  background-color: #ffffae !important;
  495.  border-color: #ffffae !important;
  496. }
  497. .v-application .warning--text.text--lighten-5 {
  498.  color: #ffffae !important;
  499.  caret-color: #ffffae !important;
  500. }
  501. .v-application .warning.lighten-4 {
  502.  background-color: #ffff91 !important;
  503.  border-color: #ffff91 !important;
  504. }
  505. .v-application .warning--text.text--lighten-4 {
  506.  color: #ffff91 !important;
  507.  caret-color: #ffff91 !important;
  508. }
  509. .v-application .warning.lighten-3 {
  510.  background-color: #ffff74 !important;
  511.  border-color: #ffff74 !important;
  512. }
  513. .v-application .warning--text.text--lighten-3 {
  514.  color: #ffff74 !important;
  515.  caret-color: #ffff74 !important;
  516. }
  517. .v-application .warning.lighten-2 {
  518.  background-color: #fff956 !important;
  519.  border-color: #fff956 !important;
  520. }
  521. .v-application .warning--text.text--lighten-2 {
  522.  color: #fff956 !important;
  523.  caret-color: #fff956 !important;
  524. }
  525. .v-application .warning.lighten-1 {
  526.  background-color: #ffdd37 !important;
  527.  border-color: #ffdd37 !important;
  528. }
  529. .v-application .warning--text.text--lighten-1 {
  530.  color: #ffdd37 !important;
  531.  caret-color: #ffdd37 !important;
  532. }
  533. .v-application .warning.darken-1 {
  534.  background-color: #e0a600 !important;
  535.  border-color: #e0a600 !important;
  536. }
  537. .v-application .warning--text.text--darken-1 {
  538.  color: #e0a600 !important;
  539.  caret-color: #e0a600 !important;
  540. }
  541. .v-application .warning.darken-2 {
  542.  background-color: #c18c00 !important;
  543.  border-color: #c18c00 !important;
  544. }
  545. .v-application .warning--text.text--darken-2 {
  546.  color: #c18c00 !important;
  547.  caret-color: #c18c00 !important;
  548. }
  549. .v-application .warning.darken-3 {
  550.  background-color: #a27300 !important;
  551.  border-color: #a27300 !important;
  552. }
  553. .v-application .warning--text.text--darken-3 {
  554.  color: #a27300 !important;
  555.  caret-color: #a27300 !important;
  556. }
  557. .v-application .warning.darken-4 {
  558.  background-color: #855a00 !important;
  559.  border-color: #855a00 !important;
  560. }
  561. .v-application .warning--text.text--darken-4 {
  562.  color: #855a00 !important;
  563.  caret-color: #855a00 !important;
  564. }</style><link rel="preload" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/7b8ec9d.js" as="script"><link rel="preload" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/25edc65.js" as="script"><link rel="preload" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/css/1b7ab17.css" as="style"><link rel="preload" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/863688a.js" as="script"><link rel="preload" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/css/87b7056.css" as="style"><link rel="preload" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/cb42003.js" as="script"><link rel="stylesheet" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/css/1b7ab17.css"><link rel="stylesheet" href="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/css/87b7056.css">
  565.  </head>
  566.  <body >
  567.    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div data-app="true" id="app" class="v-application v-application--is-ltr theme--light" style="font-family:Roboto;"><div class="v-application--wrap"><div tabindex="0" aria-label="Loading" class="vld-overlay is-active is-full-page" style="z-index:999;display:none;"><div class="vld-background" style="background:#fff;opacity:0.5;"></div><div class="vld-icon"><svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" width="65" height="65" stroke="#1976d2"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".25" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="0.8s" repeatCount="indefinite"></animateTransform></path></g></g></svg></div></div> <!----> <div class="header-section"><header class="v-sheet theme--light elevation-3 v-toolbar v-app-bar v-app-bar--fixed" style="height:56px;margin-top:0px;transform:translateY(0px);left:0px;right:0px;"><div class="v-toolbar__content" style="height:56px;"><div class="row main-menu"><div role="dialog" class="v-dialog__container"><!----></div> <div role="dialog" class="v-dialog__container"><!----></div> <div class="d-none d-lg-flex d-xl-flex d-md-flex justify-space-between pb-5 col col-12"><div class="d-flex align-center col-md-2 col-lg-1 offset-lg-1 col-4"><a href="/" class="d-flex w-100 nuxt-link-active"><div class="logo d-flex w-100"><div aria-label="Software Developer Questions and Answers" role="img" class="v-image v-responsive theme--light" style="max-height:50px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div></a></div> <!----> <div class="col-md-5 col-lg-5 offset-lg-1 col-4"><button type="button" class="v-btn v-btn--flat v-btn--icon v-btn--round theme--dark v-size--default primary--text"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-magnify theme--dark"></i></span></button> <a href="/login" class="v-btn v-btn--contained v-btn--router theme--light v-size--default success"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate v-icon--left mdi mdi-message-question-outline theme--light"></i> <span class="d-none d-lg-flex d-xl-flex">Ask Question</span></span></a> <a href="/login" class="v-btn v-btn--depressed v-btn--flat v-btn--outlined v-btn--router theme--light v-size--default success--text"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate v-icon--left mdi mdi-login theme--light"></i><span class="d-none d-lg-flex d-xl-flex">Sign In</span></span></a> <a href="/register" class="v-btn v-btn--depressed v-btn--flat v-btn--outlined v-btn--router theme--light v-size--default info--text"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate v-icon--left mdi mdi-account-plus-outline theme--light"></i><span class="d-none d-lg-flex d-xl-flex">Sign Up</span></span></a></div></div> <nav class="hidden-md-and-up v-navigation-drawer v-navigation-drawer--close v-navigation-drawer--fixed v-navigation-drawer--is-mobile v-navigation-drawer--temporary theme--light" style="height:100vh;top:0px;transform:translateX(-100%);width:256px;"><div class="v-navigation-drawer__content"><div class="v-list v-sheet theme--light"><a href="/" tabindex="0" router="" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__content"><div class="v-list-item__title">Home</div></div></a> <!----> <!----> <!----> <!---->  <a href="/login" tabindex="0" router="" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__content"><div class="v-list-item__title">Sign In</div></div></a> <a href="/register" tabindex="0" router="" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__content"><div class="v-list-item__title">Sign Up</div></div></a> <!----></div></div><div class="v-navigation-drawer__border"></div></nav> <header class="hidden-md-and-up v-sheet theme--light v-toolbar v-app-bar v-app-bar--fixed" style="height:56px;margin-top:0px;transform:translateY(0px);left:0px;right:0px;"><div class="v-toolbar__content" style="height:56px;"><div class="row align-center"><button type="button" class="v-app-bar__nav-icon v-btn v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu theme--light"></i></span></button> <div class="d-flex col-10 pr-0 align-center justify-end"><button type="button" class="v-btn v-btn--flat v-btn--icon v-btn--round theme--dark v-size--default primary--text"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-magnify theme--dark"></i></span></button> <a href="/login" class="v-btn v-btn--flat v-btn--icon v-btn--round v-btn--router theme--light v-size--default success--text"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-message-question-outline theme--light"></i></span></a> <div class="col-sm-3 col-md-3 col-4"><a href="/" class="nuxt-link-active"><div class="logo d-flex w-100"><div aria-label="Software Developer Questions and Answers" role="img" class="v-image v-responsive theme--light" style="max-height:50px;"><div class="v-responsive__sizer" style="padding-bottom:100%;"></div><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div></a></div></div></div></div></header></div></div></header></div> <div class="container"><!----> <div class="flex"><ul itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList" class="v-breadcrumbs v-breadcrumbs--large theme--light"><li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"><a href="/" itemprop="item" class="v-breadcrumbs__item nuxt-link-active"><span itemprop="name">Home</span></a> <meta content="1" itemprop="position"></li><li class="v-breadcrumbs__divider">&gt;</li><li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"><a href="/forum/other" itemprop="item" class="v-breadcrumbs__item"><span itemprop="name">Other</span></a> <meta content="2" itemprop="position"></li><li class="v-breadcrumbs__divider">&gt;</li><li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem"><a href="#" itemprop="item" class="v-breadcrumbs__item v-breadcrumbs__item--disabled"><span itemprop="name">How to add a footer to a Shiny app?</span></a> <meta content="3" itemprop="position"></li></ul></div> <div class="row mx-0 mt-1"><div class="flex md4 lg3 xl2"><div><div class="row d-md-none justify-space-around"><div class="py-0 col-sm-10 col-md-8 col-12"><div class="px-1 transparent v-sheet theme--light"><div class="v-item-group theme--light v-slide-group v-chip-group"><div class="v-slide-group__prev v-slide-group__prev--disabled"><!----></div><div class="v-slide-group__wrapper"><div class="v-slide-group__content"><a href="/forum/php" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default primary--text"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  568.            PHP
  569.          </span></a><a href="/forum/javascript" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  570.            JavaScript
  571.          </span></a><a href="/forum/sql" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  572.            SQL
  573.          </span></a><a href="/forum/golang" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  574.            Golang
  575.          </span></a><a href="/forum/html-css" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  576.            HTML/CSS
  577.          </span></a><a href="/forum/ruby" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  578.            Ruby
  579.          </span></a><a href="/forum/python" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  580.            Python
  581.          </span></a><a href="/forum/java" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  582.            Java
  583.          </span></a><a href="/forum/c-c" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  584.            C/C++
  585.          </span></a><a href="/forum/swift" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  586.            Swift
  587.          </span></a><a href="/forum/other" tabindex="0" draggable="false" router="" class="v-chip v-chip--clickable v-chip--link v-chip--no-color theme--light v-size--default"><span class="v-chip__content"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div>
  588.            Other
  589.          </span></a></div></div><div class="v-slide-group__next v-slide-group__next--disabled"><!----></div></div></div></div></div> <div class="row d-none d-lg-flex d-xl-flex d-md-flex pr-3"><div class="w-100 v-card v-sheet theme--light"><header class="v-sheet theme--dark v-toolbar info" style="height:56px;"><div class="v-toolbar__content" style="height:56px;"><div class="v-toolbar__title">Category</div></div></header> <div style="max-height:800px;overflow-y:auto;"><div><a href="/forum/php" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  590.                PHP
  591.              </div></a></div><div><a href="/forum/javascript" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  592.                JavaScript
  593.              </div></a></div><div><a href="/forum/sql" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  594.                SQL
  595.              </div></a></div><div><a href="/forum/golang" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  596.                Golang
  597.              </div></a></div><div><a href="/forum/html-css" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  598.                HTML/CSS
  599.              </div></a></div><div><a href="/forum/ruby" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  600.                Ruby
  601.              </div></a></div><div><a href="/forum/python" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  602.                Python
  603.              </div></a></div><div><a href="/forum/java" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  604.                Java
  605.              </div></a></div><div><a href="/forum/c-c" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  606.                C/C++
  607.              </div></a></div><div><a href="/forum/swift" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  608.                Swift
  609.              </div></a></div><div><a href="/forum/other" tabindex="0" router="" class="word-break v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><div class="v-image v-responsive mr-1 theme--light" style="height:24px;width:24px;"><div class="v-image__image v-image__image--preload v-image__image--contain" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div> <div class="v-list-item__title">
  610.                Other
  611.              </div></a></div></div></div> <!----></div></div></div> <div class="flex pl-lg-4 pl-md-4 pl-xl-4 md8 lg9 xl10"><div class="flex"><div itemscope="itemscope" itemtype="http://schema.org/DiscussionForumPosting" class="row"><div class="col-sm-12 col-md-8 col-lg-8 col-12"><h1 itemprop="headline">How to add a footer to a Shiny app?</h1></div> <div class="text-md-right text-center col-sm-12 col-md-4 col-lg-4 col-12"><!----> <!----> <button type="button" class="v-btn v-btn--contained theme--dark v-size--default primary"><span class="v-btn__content">New message
  612.      </span></button></div></div> <div role="dialog" class="v-dialog__container"><!----></div> <div class="row"><div class="col col-12"><div class="v-card v-sheet theme--light"><div role="list" class="v-list v-sheet theme--light"><div tabindex="-1" role="listitem" class="v-list-item theme--light"><div class="row thread-row" data-v-3262fcae><!----> <!----> <!----> <!----> <!----> <div class="row mx-3" data-v-3262fcae data-v-3262fcae><div class="col-sm-3 col-md-3 col-lg-2 col-xl-1 col-12" data-v-3262fcae data-v-3262fcae><div itemscope="itemscope" itemtype="http://schema.org/Person" class="avatar text-center" data-v-3262fcae><div><div class="v-avatar" style="height:50px;min-width:50px;width:50px;"><div aria-label="carlo" role="img" class="v-image v-responsive theme--light"><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div></div> <p class="my-0 caption">Member</p> <div><a href="/profile/carlo" class="d-inline-flex"><p itemprop="name" class="subtitle-2 mb-0">
  613.        carlo
  614.      </p></a></div> <!----></div></div> <div class="py-0 col-sm-9 col-md-9 col-lg-10 col-xl-11 col-12" data-v-3262fcae data-v-3262fcae><!----> <div class="py-0 col col-12" data-v-3262fcae data-v-3262fcae><span class="caption" data-v-3262fcae>by
  615.          <a href="/profile/carlo" class="d-inline-flex caption" data-v-3262fcae>
  616.            carlo
  617.          </a></span>, <span class="caption" data-v-3262fcae>in category: </span> <span class="caption" data-v-3262fcae><a href="/forum/other" class="d-inline-flex caption" data-v-3262fcae>
  618.            Other
  619.          </a></span>,
  620.        <span class="caption" data-v-3262fcae>a year ago</span></div> <!----> <!----></div> <div class="col col-12" data-v-3262fcae data-v-3262fcae><div class="forum-text ql-viewer" data-v-3262fcae><p>How to add a footer to a Shiny app?</p></div> <div class="d-flex justify-start flex-wrap flex-lg-nowrap flex-md-nowrap flex-xl-nowrap flex-sm-nowrap" data-v-3262fcae><div class="text-center text-lg-left text-md-left text-xl-left text-sm-left col-sm-5 col-md-4 col-lg-2 col-xl-2 col-12" data-v-3262fcae data-v-3262fcae><div class="like-dislike-buttons pt-3" data-v-0348114a data-v-3262fcae><span class="v-badge v-badge--overlap theme--light" data-v-0348114a><span draggable="false" class="v-chip v-chip--outlined theme--light v-size--default info info--text" data-v-0348114a><span class="v-chip__content"><div class="d-flex justify-center" style="--primary-color:#FF6B00;" data-v-0348114a><a href="#" class="like-dislike-buttons__btn" data-v-0348114a><i aria-hidden="true" class="v-icon notranslate mdi mdi-thumb-up theme--light" data-v-0348114a></i> <small title="9 likes" class="like-dislike-buttons__count" data-v-0348114a>9</small></a> <span class="separator" data-v-0348114a>|</span> <a href="#" class="like-dislike-buttons__btn" data-v-0348114a><i aria-hidden="true" class="v-icon notranslate mdi mdi-thumb-down theme--light" data-v-0348114a></i> <small title="no dislikes" class="like-dislike-buttons__count" data-v-0348114a>0</small></a></div></span></span><span class="v-badge__wrapper"><span aria-atomic="true" aria-label="Badge" aria-live="polite" role="status" class="v-badge__badge error" style="bottom:calc(100% - 12px);left:calc(100% - 12px);right:auto;top:auto;">9</span></span></span></div></div> <div class="col-sm-7 col-md-8 col-lg-10 col-xl-10 col-12" data-v-3262fcae data-v-3262fcae><div class="justify-center icons d-flex col col-12" data-v-11d4c0a4 data-v-11d4c0a4 data-v-3262fcae><a href="https://www.facebook.com/sharer.php?src=sp&amp;u=https%3A%2F%2Fdevhubby.com%2Fthread%2Fhow-to-add-a-footer-to-a-shiny-app&amp;quote=How%20to%20add%20a%20footer%20to%20a%20Shiny%20%23app%3F&amp;hashtag=%23shinyapp" rel="nofollow noopener" target="_blank" title="Facebook" data-v-11d4c0a4><img src="https://forum-static.fra1.cdn.digitaloceanspaces.com/assets/images/icons/32/fb.png" width="32" height="32" alt="Facebook" data-v-11d4c0a4></a> <!----> <!----> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdevhubby.com%2Fthread%2Fhow-to-add-a-footer-to-a-shiny-app&amp;text=How%20to%20add%20a%20footer%20to%20a%20Shiny%20%23app%3F&amp;hashtags=shinyapp,mywebforum" rel="nofollow noopener" target="_blank" title="Twitter" data-v-11d4c0a4><img src="https://forum-static.fra1.cdn.digitaloceanspaces.com/assets/images/icons/32/twitter.png" width="32" height="32" alt="Twitter" data-v-11d4c0a4></a> <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fdevhubby.com%2Fthread%2Fhow-to-add-a-footer-to-a-shiny-app" rel="nofollow noopener" target="_blank" title="LinkedIn" data-v-11d4c0a4><img src="https://forum-static.fra1.cdn.digitaloceanspaces.com/assets/images/icons/32/linkedin.png" width="32" height="32" alt="LinkedIn" data-v-11d4c0a4></a> <a href="https://telegram.me/share/url?url=https%3A%2F%2Fdevhubby.com%2Fthread%2Fhow-to-add-a-footer-to-a-shiny-app" rel="nofollow noopener" target="_blank" title="Telegram" data-v-11d4c0a4><img src="https://forum-static.fra1.cdn.digitaloceanspaces.com/assets/images/icons/32/telegram.png" width="32" height="32" alt="Telegram" data-v-11d4c0a4></a> <a href="https://api.whatsapp.com/send?text=https%3A%2F%2Fdevhubby.com%2Fthread%2Fhow-to-add-a-footer-to-a-shiny-app" rel="nofollow noopener" target="_blank" title="Whatsapp" data-v-11d4c0a4><img src="https://forum-static.fra1.cdn.digitaloceanspaces.com/assets/images/icons/32/whatsapp.png" width="32" height="32" alt="Whatsapp" data-v-11d4c0a4></a> <!----></div></div></div> <div class="row py-0" data-v-3262fcae data-v-3262fcae><div class="text-center col" data-v-3262fcae data-v-3262fcae><a href="/tag/app" draggable="false" class="mr-2 mb-1 v-chip v-chip--clickable v-chip--label v-chip--link v-chip--outlined v-chip--pill theme--light v-size--small secondary secondary--text" data-v-3262fcae><span class="v-chip__content"><span class="secondary--text text-decoration-none font-weight-bold" data-v-3262fcae><i aria-hidden="true" class="v-icon notranslate mx-0 v-icon--left mdi mdi-pound theme--light secondary--text" style="font-size:16px;" data-v-3262fcae></i>app
  621.            </span></span></a><a href="/tag/shinyapp" draggable="false" class="mr-2 mb-1 v-chip v-chip--clickable v-chip--label v-chip--link v-chip--outlined v-chip--pill theme--light v-size--small secondary secondary--text" data-v-3262fcae><span class="v-chip__content"><span class="secondary--text text-decoration-none font-weight-bold" data-v-3262fcae><i aria-hidden="true" class="v-icon notranslate mx-0 v-icon--left mdi mdi-pound theme--light secondary--text" style="font-size:16px;" data-v-3262fcae></i>shinyapp
  622.            </span></span></a></div></div></div></div> <!----> <!----></div></div> <hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"> <h4 class="my-4 pl-4 text-capitalize">
  623.            2 answers
  624.          </h4> <hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"> <div tabindex="-1" role="listitem" class="v-list-item theme--light"><!----> <div class="row post-row" data-v-145a8bfc data-v-145a8bfc><!----> <!----> <!----> <!----> <!----> <div class="col-sm-3 col-md-2 col-lg-1 col-12" data-v-145a8bfc data-v-145a8bfc><div itemscope="itemscope" itemtype="http://schema.org/Person" class="avatar text-center" data-v-145a8bfc><div><div class="v-avatar" style="height:50px;min-width:50px;width:50px;"><div aria-label="yadira.tillman" role="img" class="v-image v-responsive theme--light"><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div></div> <p class="my-0 caption">Member</p> <div><a href="/profile/yadira.tillman" class="d-inline-flex"><p itemprop="name" class="subtitle-2 mb-0">
  625.        yadira.tillman
  626.      </p></a></div> <!----></div></div> <div class="col-sm-9 col-md-10 col-lg-11 col-12" data-v-145a8bfc data-v-145a8bfc><div class="pt-0 col col-12" data-v-145a8bfc data-v-145a8bfc><span class="caption" data-v-145a8bfc>by
  627.        <a href="/profile/yadira.tillman" class="d-inline-flex caption" data-v-145a8bfc>
  628.          yadira.tillman </a></span>,
  629.      <span class="caption" data-v-145a8bfc>a year ago</span></div> <div class="forum-text ql-viewer" data-v-145a8bfc><p><span class="mention"><span><span><span class="mention"><span><span><span class="ql-mention-denotation-char">@</span>carlo</span></span></span> </span> </span></span></p><p>To add a footer to a Shiny app, you can make use of the <code>footer</code> argument in the <code>fluidPage()</code> or <code>fixedPage()</code> function.</p><p><br/></p><p>Here&#39;s an example of how to add a footer to a <code>fluidPage()</code>:</p><div style="color:#f8f8f2;background-color:#272822;">
  630. <table style="border-spacing:0;padding:0;margin:0;border:0;"><tbody><tr><td style="vertical-align:top;padding:0;margin:0;border:0;">
  631. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 1
  632. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 2
  633. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 3
  634. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 4
  635. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 5
  636. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 6
  637. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 7
  638. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 8
  639. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 9
  640. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">10
  641. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">11
  642. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">12
  643. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">13
  644. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">14
  645. </span></pre></td>
  646. <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%">
  647. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="color:#f92672">library</span><span style="color:#f92672">(</span><span style="color:#f92672">shiny</span><span style="color:#f92672">)</span>
  648.  
  649. <span style="color:#f92672">ui</span> <span style="color:#f92672">&lt;-</span> <span style="color:#f92672">fluidPage</span><span style="color:#f92672">(</span>
  650.  # <span style="color:#f92672">page</span> <span style="color:#f92672">content</span> <span style="color:#f92672">here</span>
  651.  
  652.  # <span style="color:#f92672">footer</span>
  653.  <span style="color:#f92672">footer</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;This is the footer text&#34;</span>
  654. <span style="color:#f92672">)</span>
  655.  
  656. <span style="color:#f92672">server</span> <span style="color:#f92672">&lt;-</span> <span style="color:#f92672">function</span><span style="color:#f92672">(</span><span style="color:#f92672">input</span><span style="color:#f92672">,</span> <span style="color:#f92672">output</span><span style="color:#f92672">)</span> {
  657.  # <span style="color:#f92672">server</span> <span style="color:#f92672">logic</span> <span style="color:#f92672">here</span>
  658. }
  659.  
  660. <span style="color:#f92672">shinyApp</span><span style="color:#f92672">(</span><span style="color:#f92672">ui</span><span style="color:#f92672">,</span> <span style="color:#f92672">server</span><span style="color:#f92672">)</span>
  661. </pre></td></tr></tbody></table>
  662. </div>
  663. <p><br/></p><p>Similarly, you can add a footer to a <code>fixedPage()</code>:</p><div style="color:#f8f8f2;background-color:#272822;">
  664. <table style="border-spacing:0;padding:0;margin:0;border:0;"><tbody><tr><td style="vertical-align:top;padding:0;margin:0;border:0;">
  665. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 1
  666. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 2
  667. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 3
  668. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 4
  669. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 5
  670. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 6
  671. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 7
  672. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 8
  673. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 9
  674. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">10
  675. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">11
  676. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">12
  677. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">13
  678. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">14
  679. </span></pre></td>
  680. <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%">
  681. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="color:#f92672">library</span><span style="color:#f92672">(</span><span style="color:#f92672">shiny</span><span style="color:#f92672">)</span>
  682.  
  683. <span style="color:#f92672">ui</span> <span style="color:#f92672">&lt;-</span> <span style="color:#f92672">fixedPage</span><span style="color:#f92672">(</span>
  684.  # <span style="color:#f92672">page</span> <span style="color:#f92672">content</span> <span style="color:#f92672">here</span>
  685.  
  686.  # <span style="color:#f92672">footer</span>
  687.  <span style="color:#f92672">footer</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;This is the footer text&#34;</span>
  688. <span style="color:#f92672">)</span>
  689.  
  690. <span style="color:#f92672">server</span> <span style="color:#f92672">&lt;-</span> <span style="color:#f92672">function</span><span style="color:#f92672">(</span><span style="color:#f92672">input</span><span style="color:#f92672">,</span> <span style="color:#f92672">output</span><span style="color:#f92672">)</span> {
  691.  # <span style="color:#f92672">server</span> <span style="color:#f92672">logic</span> <span style="color:#f92672">here</span>
  692. }
  693.  
  694. <span style="color:#f92672">shinyApp</span><span style="color:#f92672">(</span><span style="color:#f92672">ui</span><span style="color:#f92672">,</span> <span style="color:#f92672">server</span><span style="color:#f92672">)</span>
  695. </pre></td></tr></tbody></table>
  696. </div>
  697. <p><br/></p><p>You can customize the footer by adding CSS styling to it using the <code>tags$style()</code> function. For example:</p><div style="color:#f8f8f2;background-color:#272822;">
  698. <table style="border-spacing:0;padding:0;margin:0;border:0;"><tbody><tr><td style="vertical-align:top;padding:0;margin:0;border:0;">
  699. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1
  700. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">2
  701. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">3
  702. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">4
  703. </span></pre></td>
  704. <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%">
  705. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="color:#f92672">footer</span> <span style="color:#f92672">=</span> <span style="color:#f92672">tags</span><span style="color:#f92672">$</span><span style="color:#f92672">div</span><span style="color:#f92672">(</span>
  706.  <span style="color:#f92672">style</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;text-align: center; padding-top: 20px; font-size: 12px;&#34;</span><span style="color:#f92672">,</span>
  707.  <span style="color:#e6db74">&#34;This is the footer text&#34;</span>
  708. <span style="color:#f92672">)</span>
  709. </pre></td></tr></tbody></table>
  710. </div>
  711. <p><br/></p><p>This will center the text, add some padding to the top, and change the font size to 12px. You can adjust the CSS to your liking.</p><p>
  712. </p></div></div> <!----> <div class="text-center text-lg-left text-md-left text-xl-left text-sm-left col-sm-5 col-md-4 col-lg-2 col-xl-2 col-12" data-v-145a8bfc data-v-145a8bfc><div class="like-dislike-buttons pt-3" data-v-0348114a data-v-145a8bfc><span class="v-badge v-badge--overlap theme--light" data-v-0348114a><span draggable="false" class="v-chip v-chip--outlined theme--light v-size--default info info--text" data-v-0348114a><span class="v-chip__content"><div class="d-flex justify-center" style="--primary-color:#FF6B00;" data-v-0348114a><a href="#" class="like-dislike-buttons__btn" data-v-0348114a><i aria-hidden="true" class="v-icon notranslate mdi mdi-thumb-up theme--light" data-v-0348114a></i> <small title="1 like" class="like-dislike-buttons__count" data-v-0348114a>1</small></a> <span class="separator" data-v-0348114a>|</span> <a href="#" class="like-dislike-buttons__btn" data-v-0348114a><i aria-hidden="true" class="v-icon notranslate mdi mdi-thumb-down theme--light" data-v-0348114a></i> <small title="no dislikes" class="like-dislike-buttons__count" data-v-0348114a>0</small></a></div></span></span><span class="v-badge__wrapper"><span aria-atomic="true" aria-label="Badge" aria-live="polite" role="status" class="v-badge__badge error" style="bottom:calc(100% - 12px);left:calc(100% - 12px);right:auto;top:auto;">1</span></span></span></div></div> <!----> <div class="col col-12" data-v-145a8bfc data-v-145a8bfc><hr role="separator" aria-orientation="horizontal" class="v-divider theme--light" data-v-145a8bfc></div></div></div><div tabindex="-1" role="listitem" class="v-list-item theme--light"><!----> <div class="row post-row" data-v-145a8bfc data-v-145a8bfc><div class="py-0 col col-12" data-v-145a8bfc data-v-145a8bfc><div data-v-145a8bfc><!----></div></div> <!----> <!----> <!----> <!----> <div class="col-sm-3 col-md-2 col-lg-1 col-12" data-v-145a8bfc data-v-145a8bfc><div itemscope="itemscope" itemtype="http://schema.org/Person" class="avatar text-center" data-v-145a8bfc><div><div class="v-avatar" style="height:50px;min-width:50px;width:50px;"><div aria-label="austyn.beer" role="img" class="v-image v-responsive theme--light"><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></div></div> <p class="my-0 caption">Member</p> <div><a href="/profile/austyn.beer" class="d-inline-flex"><p itemprop="name" class="subtitle-2 mb-0">
  713.        austyn.beer
  714.      </p></a></div> <!----></div></div> <div class="col-sm-9 col-md-10 col-lg-11 col-12" data-v-145a8bfc data-v-145a8bfc><div class="pt-0 col col-12" data-v-145a8bfc data-v-145a8bfc><span class="caption" data-v-145a8bfc>by
  715.        <a href="/profile/austyn.beer" class="d-inline-flex caption" data-v-145a8bfc>
  716.          austyn.beer </a></span>,
  717.      <span class="caption" data-v-145a8bfc>a year ago</span></div> <div class="forum-text ql-viewer" data-v-145a8bfc><p><span class="mention"><span><span><span class="mention"><span><span><span class="ql-mention-denotation-char">@</span>carlo</span></span></span> </span> </span></span></p><p>To add a footer to a Shiny app, you can use the <code>tags$footer()</code> function in the <code>ui</code> section of your Shiny app. Here&#39;s an example:</p><div style="color:#f8f8f2;background-color:#272822;">
  718. <table style="border-spacing:0;padding:0;margin:0;border:0;"><tbody><tr><td style="vertical-align:top;padding:0;margin:0;border:0;">
  719. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 1
  720. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 2
  721. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 3
  722. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 4
  723. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 5
  724. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 6
  725. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 7
  726. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 8
  727. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f"> 9
  728. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">10
  729. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">11
  730. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">12
  731. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">13
  732. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">14
  733. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">15
  734. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">16
  735. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">17
  736. </span></pre></td>
  737. <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%">
  738. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="color:#f92672">library</span><span style="color:#f92672">(</span><span style="color:#f92672">shiny</span><span style="color:#f92672">)</span>
  739.  
  740. <span style="color:#f92672">ui</span> <span style="color:#f92672">&lt;-</span> <span style="color:#f92672">fluidPage</span><span style="color:#f92672">(</span>
  741.  # <span style="color:#f92672">Your</span> <span style="color:#f92672">app</span> <span style="color:#f92672">content</span> <span style="color:#f92672">here</span>
  742.  <span style="color:#f92672">tags</span><span style="color:#960050;background-color:#1e0010">$</span><span style="color:#f92672">footer</span><span style="color:#f92672">(</span>
  743.    <span style="color:#f92672">div</span><span style="color:#f92672">(</span>
  744.      <span style="color:#f92672">p</span><span style="color:#f92672">(</span><span style="color:#e6db74">&#34;Copyright © 2023&#34;</span><span style="color:#f92672">),</span>
  745.      <span style="color:#f92672">p</span><span style="color:#f92672">(</span><span style="color:#e6db74">&#34;All rights reserved.&#34;</span><span style="color:#f92672">)</span>
  746.    <span style="color:#f92672">)</span>
  747.  <span style="color:#f92672">)</span>
  748. <span style="color:#f92672">)</span>
  749.  
  750. <span style="color:#f92672">server</span> <span style="color:#f92672">&lt;-</span> <span style="color:#f92672">function</span><span style="color:#f92672">(</span><span style="color:#f92672">input</span><span style="color:#f92672">,</span> <span style="color:#f92672">output</span><span style="color:#f92672">)</span> {
  751.  # <span style="color:#f92672">Your</span> <span style="color:#f92672">server</span> <span style="color:#f92672">logic</span> <span style="color:#f92672">here</span>
  752. }
  753.  
  754. <span style="color:#f92672">shinyApp</span><span style="color:#f92672">(</span><span style="color:#f92672">ui</span><span style="color:#f92672">,</span> <span style="color:#f92672">server</span><span style="color:#f92672">)</span>
  755. </pre></td></tr></tbody></table>
  756. </div>
  757. <p><br/></p><p>In this example, the <code>tags$footer()</code> function wraps a <code>div()</code> containing two <code>p()</code> elements that display the copyright information.</p><p><br/></p><p>You can customize the content and styling of your footer by adding additional HTML and CSS within the <code>tags$footer()</code> function. For example, you can use the <code>style</code> argument to apply CSS styles to your footer:</p><div style="color:#f8f8f2;background-color:#272822;">
  758. <table style="border-spacing:0;padding:0;margin:0;border:0;"><tbody><tr><td style="vertical-align:top;padding:0;margin:0;border:0;">
  759. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1
  760. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">2
  761. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">3
  762. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">4
  763. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">5
  764. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">6
  765. </span><span style="white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">7
  766. </span></pre></td>
  767. <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%">
  768. <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;"><span style="color:#f92672">tags</span><span style="color:#f92672">$</span><span style="color:#f92672">footer</span><span style="color:#f92672">(</span>
  769.  <span style="color:#f92672">div</span><span style="color:#f92672">(</span>
  770.    <span style="color:#f92672">p</span><span style="color:#f92672">(</span><span style="color:#e6db74">&#34;Copyright © 2023&#34;</span><span style="color:#f92672">),</span>
  771.    <span style="color:#f92672">p</span><span style="color:#f92672">(</span><span style="color:#e6db74">&#34;All rights reserved.&#34;</span><span style="color:#f92672">)</span>
  772.  <span style="color:#f92672">),</span>
  773.  <span style="color:#f92672">style</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;background-color: #f8f8f8; padding: 10px;&#34;</span>
  774. <span style="color:#f92672">)</span>
  775. </pre></td></tr></tbody></table>
  776. </div>
  777. <p><br/></p><p>This sets the background color of the footer to a light gray (<code>#f8f8f8</code>) and adds 10 pixels of padding around the content.</p><p>
  778. </p></div></div> <!----> <div class="text-center text-lg-left text-md-left text-xl-left text-sm-left col-sm-5 col-md-4 col-lg-2 col-xl-2 col-12" data-v-145a8bfc data-v-145a8bfc><div class="like-dislike-buttons pt-3" data-v-0348114a data-v-145a8bfc><span class="v-badge v-badge--overlap theme--light" data-v-0348114a><span draggable="false" class="v-chip v-chip--outlined theme--light v-size--default info info--text" data-v-0348114a><span class="v-chip__content"><div class="d-flex justify-center" style="--primary-color:#FF6B00;" data-v-0348114a><a href="#" class="like-dislike-buttons__btn" data-v-0348114a><i aria-hidden="true" class="v-icon notranslate mdi mdi-thumb-up theme--light" data-v-0348114a></i> <small title="no likes" class="like-dislike-buttons__count" data-v-0348114a>0</small></a> <span class="separator" data-v-0348114a>|</span> <a href="#" class="like-dislike-buttons__btn" data-v-0348114a><i aria-hidden="true" class="v-icon notranslate mdi mdi-thumb-down theme--light" data-v-0348114a></i> <small title="no dislikes" class="like-dislike-buttons__count" data-v-0348114a>0</small></a></div></span></span><span class="v-badge__wrapper"><span aria-atomic="true" aria-label="Badge" aria-live="polite" role="status" class="v-badge__badge error" style="bottom:calc(100% - 12px);left:calc(100% - 12px);right:auto;top:auto;">0</span></span></span></div></div> <!----> <div class="col col-12" data-v-145a8bfc data-v-145a8bfc><!----></div></div></div> <!----></div></div></div></div> <div class="d-flex justify-space-between flex-wrap flex-lg-nowrap flex-md-nowrap flex-xl-nowrap flex-sm-nowrap"><nav role="navigation" aria-label="Pagination Navigation" class="w-100"><ul class="v-pagination theme--light"><li><button type="button" aria-label="Previous page" class="v-pagination__navigation v-pagination__navigation--disabled"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-left theme--light"></i></button></li><li><button type="button" aria-current="true" aria-label="Current Page, Page 1" class="v-pagination__item v-pagination__item--active primary">1</button></li><li><button type="button" aria-label="Next page" class="v-pagination__navigation v-pagination__navigation--disabled"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-right theme--light"></i></button></li></ul></nav> <div class="mx-auto col-sm-2 col-md-3 col-lg-2 col-xl-1 col-6"><div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select"><div class="v-input__control"><div role="button" aria-haspopup="listbox" aria-expanded="false" aria-owns="list-59648" class="v-input__slot"><div class="v-select__slot"><label for="input-59648" class="v-label v-label--active theme--light" style="left:0px;right:auto;position:absolute;">Rows per page</label><div class="v-select__selections"><div class="v-select__selection v-select__selection--comma">15</div><input id="input-59648" readonly="readonly" type="text" aria-readonly="false" autocomplete="off"></div><div class="v-input__append-inner"><div class="v-input__icon v-input__icon--append"><i aria-hidden="true" class="v-icon notranslate mdi mdi-menu-down theme--light"></i></div></div><input type="hidden" value="15"></div><div class="v-menu"><!----></div></div><div class="v-text-field__details"><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div></div></div> <div class="row mt-2"><div class="col col-12"><h2 class="display-1">Related Threads:</h2></div> <div class="col col-12"><div class="mx-auto v-card v-sheet theme--light"><div role="list" class="v-list v-sheet theme--light v-list--two-line"><!----> <a href="/thread/how-to-add-a-color-picker-input-to-a-shiny-app" tabindex="0" role="listitem" class="v-list-item v-list-item--link theme--light"><div class="v-avatar v-list-item__avatar v-list-item__avatar--horizontal rounded-0 v-avatar--tile" style="height:90px;min-width:90px;width:90px;"></div> <div class="v-list-item__content"><div class="v-list-item__title">How to add a color picker input to a Shiny app?</div></div></a><hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"> <a href="/thread/how-to-add-a-sidebar-to-a-shiny-app" tabindex="0" role="listitem" class="v-list-item v-list-item--link theme--light"><div class="v-avatar v-list-item__avatar v-list-item__avatar--horizontal rounded-0 v-avatar--tile" style="height:90px;min-width:90px;width:90px;"></div> <div class="v-list-item__content"><div class="v-list-item__title">How to add a sidebar to a Shiny app?</div></div></a><hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"> <a href="/thread/how-to-add-tabs-to-a-shiny-app" tabindex="0" role="listitem" class="v-list-item v-list-item--link theme--light"><div class="v-avatar v-list-item__avatar v-list-item__avatar--horizontal rounded-0 v-avatar--tile" style="height:90px;min-width:90px;width:90px;"></div> <div class="v-list-item__content"><div class="v-list-item__title">How to add tabs to a Shiny app?</div></div></a><hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"> <a href="/thread/how-to-add-a-plot-to-a-shiny-app" tabindex="0" role="listitem" class="v-list-item v-list-item--link theme--light"><div class="v-avatar v-list-item__avatar v-list-item__avatar--horizontal rounded-0 v-avatar--tile" style="height:90px;min-width:90px;width:90px;"></div> <div class="v-list-item__content"><div class="v-list-item__title">How to add a plot to a Shiny app?</div></div></a><hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"> <a href="/thread/how-to-add-a-table-to-a-shiny-app" tabindex="0" role="listitem" class="v-list-item v-list-item--link theme--light"><div class="v-avatar v-list-item__avatar v-list-item__avatar--horizontal rounded-0 v-avatar--tile" style="height:90px;min-width:90px;width:90px;"></div> <div class="v-list-item__content"><div class="v-list-item__title">How to add a table to a Shiny app?</div></div></a></div></div></div></div></div></div></div></div> <div pages="" class="footer" data-v-600bef70><!----> <footer class="v-footer footer mt-4 v-sheet theme--light" data-v-600bef70><div class="flex xs12 sm12 md6 lg4" data-v-600bef70><h4 class="title text-center" data-v-600bef70>
  779.        Follow us
  780.      </h4> <div class="social-section" data-v-600bef70><ul class="text-center pr-6" data-v-600bef70><li data-v-600bef70><a href="https://www.facebook.com/groups/devhubby" rel="nofollow" target="_blank" class="transparent--text btn-floating btn-tw waves-effect waves-light" data-v-600bef70><i aria-hidden="true" class="v-icon notranslate blue--text text--darken-4 mdi mdi-facebook theme--light" style="font-size:36px;" data-v-600bef70></i></a></li> <li data-v-600bef70><a href="https://twitter.com/devhubbycom" rel="nofollow" target="_blank" class="transparent--text btn-floating btn-tw waves-effect waves-light" data-v-600bef70><i aria-hidden="true" class="v-icon notranslate blue--text text--lighten-2 mdi mdi-twitter theme--light" style="font-size:36px;" data-v-600bef70></i></a></li> <!----> <!----> <li data-v-600bef70><a href="https://www.linkedin.com/groups/14086432/" rel="nofollow" target="_blank" class="transparent--text btn-floating btn-linkedin waves-effect waves-light" data-v-600bef70><i aria-hidden="true" class="v-icon notranslate blue--text text--darken-3 mdi mdi-linkedin theme--light" style="font-size:36px;" data-v-600bef70></i></a></li> <li data-v-600bef70><a href="https://www.instagram.com/dev_hubby/" rel="nofollow" target="_blank" class="transparent--text btn-floating btn-instagram waves-effect waves-light" data-v-600bef70><i aria-hidden="true" class="v-icon notranslate red--text text--darken-3 mdi mdi-instagram theme--light" style="font-size:36px;" data-v-600bef70></i></a></li></ul></div></div> <!----> <div class="flex xs12 sm12 md6 lg4" data-v-600bef70><div class="about-section white-text mx-auto" data-v-600bef70><h4 class="title text-center" data-v-600bef70>About us</h4> <ul class="text-center pr-6" data-v-600bef70><li data-v-600bef70><a href="/contact" rel="nofollow" data-v-600bef70>Contact us</a></li></ul></div></div> <div class="flex xs12 text-center mt-2" data-v-600bef70><span data-v-600bef70>© 2024 Copyright: devhubby.com
  781.      </span> <p class="mb-0" data-v-600bef70>
  782.        This Site is Created By
  783.        <a href="https://mywebforum.com" target="_blank" data-v-600bef70>mywebforum.com</a></p> <p data-v-600bef70>
  784.        Get Your Own
  785.        <a href="https://mywebforum.com" target="_blank" data-v-600bef70>Questions &amp; Answers platform</a></p></div></footer> <!----> <!----></div> <!----> <div class="js-scripts"></div></div></div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG,aH,aI,aJ,aK,aL,aM,aN,aO,aP,aQ,aR,aS,aT,aU,aV,aW,aX,aY,aZ,a_,a$,ba,bb,bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,bv){aw.id=34527;aw.name=v;aw.messages=8077;aw.threads=4111;aw.meta_title=v;aw.meta_description=v;aw.children=e;aw.icon="category\u002F1af0d4eb-63c1-4c93-893e-d9d6f8f880e3\u002Fphp.png";aw.is_public=c;aw.last_post={id:194567,message:"\u003Cp\u003EWhy are styles from the folder not displayed?\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-2i8fibkfj3g\" language=\"plaintext\"\u003E&lt;?php\n $path =$_SERVER[&#39;DOCUMENT_ROOT&#39;];\necho $path\n?&gt;\n\n\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&#34;en&#34;&gt;\n    &lt;?include &#34;privat\u002Fhead.php&#34;; ?&gt;\n\n\n&lt;body&gt;\n    &lt;div class=&#34;cont&#34;&gt;\n        &lt;?include &#34;private\u002Fheader.php&#34;; ?&gt;\n        &lt;main class=&#34;startPage&#34;&gt;\n        \n        &lt;\u002Fmain&gt;\n        &lt;?include &#34;private\u002Ffooter.php&#34;; ?&gt;\n    &lt;\u002Fdiv&gt;\n&lt;\u002Fbody&gt;\n&lt;\u002Fhtml&gt;\n\u003C\u002Fpre\u003E",is_moderated:b,username:"pinkod02",user_active:a,created:"2024-08-30T11:46:45Z"};aw.order=a;aw.description=v;aw.slug="php";ax.id=34528;ax.name=w;ax.messages=7805;ax.threads=3936;ax.meta_title=w;ax.meta_description=w;ax.children=e;ax.icon="category\u002F8bc6a538-1878-494b-a68f-d75c0788e762\u002Fjavascript-logo.png";ax.is_public=c;ax.last_post={id:249331,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Eramon\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003EIf you want to know more advanced configuration or have specific questions regarding setting up Express.js with Webpack, feel free to ask for further assistance.\u003C\u002Fp\u003E",is_moderated:b,username:"noemi_sporer",user_active:a,created:"2024-08-29T02:24:36Z"};ax.order=a;ax.description=w;ax.slug="javascript";ay.id=34529;ay.name=x;ay.messages=3019;ay.threads=1882;ay.meta_title=x;ay.meta_description=x;ay.children=e;ay.icon="category\u002Fc450d489-f776-42ad-a307-a876104daf91\u002Fsql.png";ay.is_public=c;ay.last_post={id:249916,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ejeanie_reilly\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003EPlease note that the steps provided as an example may vary depending on your PostgreSQL version and setup. Generally, to disable remote access to PostgreSQL, you can follow these steps:\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EOpen the PostgreSQL configuration file\u003C\u002Fstrong\u003E: The configuration file for PostgreSQL is usually named postgresql.conf. On Unix-like systems, it is typically located in the data directory of PostgreSQL installation. For example: \u002Fetc\u002Fpostgresql\u002F12\u002Fmain\u002Fpostgresql.conf.\n\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003ESearch for the &#34;listen_addresses&#34; parameter\u003C\u002Fstrong\u003E: This parameter determines which network interfaces PostgreSQL will listen on for incoming connections. To disable remote access, you need to set this parameter to &#39;localhost&#39; or &#39;127.0.0.1&#39;.\n\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003EAdd or modify the &#34;listen_addresses&#34; parameter\u003C\u002Fstrong\u003E: Set it to &#39;localhost&#39; to only allow connections from the local machine. It should look like this:\nlisten_addresses = &#39;localhost&#39;\n\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003ESave the configuration file and restart PostgreSQL\u003C\u002Fstrong\u003E: After making the changes, save the configuration file and restart the PostgreSQL service for the changes to take effect. You can do this by running the following command:\nsudo systemctl restart postgresql\n\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EBy following these steps, you should be able to disable remote access to PostgreSQL, limiting connections to localhost only.\u003C\u002Fp\u003E",is_moderated:b,username:"hadley",user_active:a,created:"2024-09-07T21:23:56Z"};ay.order=a;ay.description=x;ay.slug="sql";az.id=34530;az.name=y;az.messages=1388;az.threads=980;az.meta_title=y;az.meta_description=y;az.children=e;az.icon="category\u002F6a57ef72-267d-44d0-b16f-0f5992a25150\u002Fgo2.png";az.is_public=c;az.last_post={id:236562,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Emarianne\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn order to mock Kafka dependencies and writer in Golang, you can follow these steps:\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EUse interfaces\u003C\u002Fstrong\u003E: Create interfaces for Kafka producer and writer that your code depends on. This will allow you to easily mock these dependencies in your tests.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-mft2mii\"\u003Etype KafkaProducer interface {\n    Produce(msg Message) error\n}\n\ntype KafkaWriter interface {\n    Write(data []byte) error\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EImplement mock versions\u003C\u002Fstrong\u003E: Create mock implementations of the Kafka producer and writer interfaces for use in your tests.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-xqm2vj5\"\u003Etype MockKafkaProducer struct {\n    ProduceFn func(msg Message) error\n}\n\nfunc (m *MockKafkaProducer) Produce(msg Message) error {\n    if m.ProduceFn != nil {\n        return m.ProduceFn(msg)\n    }\n    return nil\n}\n\ntype MockKafkaWriter struct {\n    WriteFn func(data []byte) error\n}\n\nfunc (m *MockKafkaWriter) Write(data []byte) error {\n    if m.WriteFn != nil {\n        return m.WriteFn(data)\n    }\n    return nil\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EUse dependency injection\u003C\u002Fstrong\u003E: In your main code, use dependency injection to inject the Kafka producer and writer interfaces. This will allow you to easily swap out the real implementations for the mock versions in your tests.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-6fsxc2i\"\u003Etype KafkaService struct {\n    Producer KafkaProducer\n    Writer   KafkaWriter\n}\n\nfunc (k *KafkaService) SendMessage(msg Message) error {\n    err := k.Producer.Produce(msg)\n    if err != nil {\n        return err\n    }\n\n    data := encodeMessage(msg)\n    err := k.Writer.Write(data)\n    if err != nil {\n        return err\n    }\n\n    return nil\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EWrite tests\u003C\u002Fstrong\u003E: In your tests, create instances of the mock Kafka producer and writer and inject them into your code.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-494pvww\"\u003Efunc TestKafkaService_SendMessage(t *testing.T) {\n    mockProducer := &amp;MockKafkaProducer{\n        ProduceFn: func(msg Message) error {\n            return nil\n        },\n    }\n\n    mockWriter := &amp;MockKafkaWriter{\n        WriteFn: func(data []byte) error {\n            return nil\n        },\n    }\n\n    kafkaService := KafkaService{\n        Producer: mockProducer,\n        Writer:   mockWriter,\n    }\n\n    err := kafkaService.SendMessage(Message{Body: &#34;Hello, Kafka&#34;})\n    if err != nil {\n        t.Errorf(&#34;SendMessage returned an error: %v&#34;, err)\n    }\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EBy following these steps, you can easily mock Kafka dependencies and writer in Golang for testing your code. This will allow you to write reliable and effective tests for your Kafka-related functionality.\u003C\u002Fp\u003E",is_moderated:b,username:"toy.waelchi",user_active:a,created:"2024-06-22T15:07:41Z"};az.order=a;az.description=y;az.slug="golang";aA.id=34531;aA.name=z;aA.messages=1452;aA.threads=849;aA.meta_title=z;aA.meta_description=z;aA.children=e;aA.icon="category\u002Ff079ddf7-48d4-4aa3-b2b8-9bf568c958be\u002Fhtmlcss.png";aA.is_public=c;aA.last_post={id:236566,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Eeda.wolff\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo use custom fonts with Tailwind CSS and Nuxt.js, you can follow these steps:\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003EAdd your custom font files to your Nuxt.js project. You can do this by placing the font files in the assets\u002Ffonts directory of your Nuxt.js project.\n\u003C\u002Fli\u003E\u003Cli\u003ECreate a CSS file to import and configure your custom fonts. You can create a new CSS file (e.g., custom-fonts.css) in the assets\u002Fcss directory and add the following content:\n\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-we6a9fd\"\u003E@font-face {\n  font-family: &#39;CustomFont&#39;;\n  src: url(&#39;path\u002Fto\u002Fyour\u002Ffont-file.ttf&#39;) format(&#39;truetype&#39;);\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EReplace \u003Ccode\u003E&#39;CustomFont&#39;\u003C\u002Fcode\u003E with the desired font family name and \u003Ccode\u003E&#39;path\u002Fto\u002Fyour\u002Ffont-file.ttf&#39;\u003C\u002Fcode\u003E with the path to your custom font file.\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003EImport the custom font CSS file in your nuxt.config.js file. Add the following code to your nuxt.config.js file to import the custom font CSS file:\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-bg4x26z\"\u003Ecss: [\n  &#39;@\u002Fassets\u002Fcss\u002Fcustom-fonts.css&#39;\n],\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003EUse the custom font in your Tailwind CSS styles. You can now use the custom font in your Tailwind CSS styles by specifying the font family in your HTML or Vue components. For example:\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-h7v9kzm\"\u003E&lt;h1 class=&#34;font-CustomFont&#34;&gt;Custom Font Title&lt;\u002Fh1&gt;\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EReplace \u003Ccode\u003E&#39;CustomFont&#39;\u003C\u002Fcode\u003E with the font family name specified in your custom font CSS file.\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003EBuild and run your Nuxt.js project. Once you have completed the above steps, build and run your Nuxt.js project to see your custom font in action.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EThat&#39;s it! You have successfully used custom fonts with Tailwind CSS and Nuxt.js.\u003C\u002Fp\u003E",is_moderated:b,username:ar,user_active:a,created:"2024-06-22T15:27:39Z"};aA.order=a;aA.description=z;aA.slug="html-css";aB.id=34532;aB.name=A;aB.messages=337;aB.threads=223;aB.meta_title=A;aB.meta_description=A;aB.children=e;aB.icon="category\u002F375757a5-d49a-485d-94fc-d28d725ae104\u002Fruby2.png";aB.is_public=c;aB.last_post={id:212726,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Egideon.hauck\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn addition to the code above, you can also use the \u003Ccode\u003Ecreate\u003C\u002Fcode\u003E method with a block to insert data into a database in a more concise way:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-97jubfb\"\u003EArticle.create do |article|\n  article.title = &#34;My Article Title&#34;\n  article.content = &#34;My Article Content&#34;\nend\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EThis is especially useful when you want to perform additional actions or validations before saving the record.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can also use the \u003Ccode\u003Eimport\u003C\u002Fcode\u003E method to efficiently insert multiple records into the database at once. This method bypasses the lifecycle callbacks and validations, making it much faster than individual \u003Ccode\u003Ecreate\u003C\u002Fcode\u003E or \u003Ccode\u003Esave\u003C\u002Fcode\u003E operations. Here&#39;s an example:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-9rl85ye\"\u003Earticles = [\n  { title: &#34;Article 1&#34;, content: &#34;Content 1&#34; },\n  { title: &#34;Article 2&#34;, content: &#34;Content 2&#34; },\n  { title: &#34;Article 3&#34;, content: &#34;Content 3&#34; }\n]\n\nArticle.import(articles)\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EThis will insert the specified records into the database without triggering validations or callbacks. However, keep in mind that the data directly goes into the database, so make sure it&#39;s properly sanitized and validated before using this method.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003ERemember to configure your database connection in config\u002Fdatabase.yml file before inserting data into the database.\u003C\u002Fp\u003E",is_moderated:b,username:"hortense_donnelly",user_active:a,created:"2024-02-12T11:22:34Z"};aB.order=a;aB.description=A;aB.slug="ruby";aC.id=34533;aC.name=B;aC.messages=3556;aC.threads=2669;aC.meta_title=B;aC.meta_description=B;aC.children=e;aC.icon="category\u002F1c348406-1653-4887-b583-7489de2310f3\u002Fpython.png";aC.is_public=c;aC.last_post={id:249923,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ealford\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo put arrows on a matplotlib graph, you can use the \u003Ccode\u003Eannotate\u003C\u002Fcode\u003E function to create an annotation with an arrow. Here&#39;s an example of how you can add arrows to a graph:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-jwxr90y\"\u003Eimport matplotlib.pyplot as plt\n\n# Create a figure and axis\nfig, ax = plt.subplots()\n\n# Plot some data\nx = [1, 2, 3, 4, 5]\ny = [2, 3, 5, 7, 11]\nax.plot(x, y)\n\n# Add an arrow\nax.annotate(&#39;Start here&#39;, xy=(2, 3), xytext=(3, 4),\n            arrowprops=dict(arrowstyle=&#39;-&gt;&#39;))\n\nplt.show()\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn the code above, the \u003Ccode\u003Eannotate\u003C\u002Fcode\u003E function is used to create an annotation with an arrow pointing from the point \u003Ccode\u003E(2, 3)\u003C\u002Fcode\u003E to the point \u003Ccode\u003E(3, 4)\u003C\u002Fcode\u003E. The \u003Ccode\u003Earrowprops\u003C\u002Fcode\u003E argument is used to specify the style of the arrow, in this case \u003Ccode\u003E&#39;-&gt;&#39;\u003C\u002Fcode\u003E creates a simple arrow style.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can customize the appearance of the arrow further by adjusting the properties in the \u003Ccode\u003Earrowprops\u003C\u002Fcode\u003E argument, such as the arrow style, color, width, etc.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can add multiple arrows by calling the \u003Ccode\u003Eannotate\u003C\u002Fcode\u003E function multiple times with different points and arrow styles.\u003C\u002Fp\u003E",is_moderated:b,username:"mathias.schinner",user_active:a,created:"2024-09-07T23:18:34Z"};aC.order=a;aC.description=B;aC.slug="python";aD.id=34534;aD.name=C;aD.messages=1940;aD.threads=1272;aD.meta_title=C;aD.meta_description=C;aD.children=e;aD.icon="category\u002F3f08ec78-9350-4d01-9395-77978dfce7e1\u002Fjava.png";aD.is_public=c;aD.last_post={id:246703,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Efae\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn Hibernate, a 1:n relationship can be created using associations in the entity mappings. Here’s how you can create a 1:n relationship:\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003EDefine the entities\u003C\u002Fstrong\u003E:\nCreate two entity classes (e.g., ParentEntity and ChildEntity) representing the two sides of the relationship. The ParentEntity will have a one-to-many relationship with the ChildEntity.\n\u003C\u002Fli\u003E\u003Cli\u003EAnnotate the entities:\n\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EParentEntity:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-a2ijxzh\"\u003E@Entity\npublic class ParentEntity {\n\n    @Id\n    @GeneratedValue(strategy = GenerationType.IDENTITY)\n    private Long id;\n\n    @OneToMany(mappedBy = &#34;parentEntity&#34;)\n    private List&lt;ChildEntity&gt; children;\n\n    \u002F\u002F Getters and setters\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EChildEntity:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-eahv7ro\"\u003E@Entity\npublic class ChildEntity {\n\n    @Id\n    @GeneratedValue(strategy = GenerationType.IDENTITY)\n    private Long id;\n\n    @ManyToOne\n    @JoinColumn(name = &#34;parent_entity_id&#34;)\n    private ParentEntity parentEntity;\n\n    \u002F\u002F Getters and setters\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003ECreate a parent-child relationship\u003C\u002Fstrong\u003E:\nIn the ParentEntity class, create a one-to-many relationship with the ChildEntity class using the @OneToMany annotation. Use the mappedBy attribute to indicate that the relationship is managed by the parentEntity field in the ChildEntity class.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn the ChildEntity class, create a many-to-one relationship with the ParentEntity class using the @ManyToOne annotation. Use the @JoinColumn annotation to specify the foreign key column name in the ChildEntity table (e.g., parent_entity_id) that references the primary key in the ParentEntity table.\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003E\u003Cstrong\u003ESave the entities\u003C\u002Fstrong\u003E:\nWhen saving instances of the ParentEntity and ChildEntity classes, Hibernate will automatically manage the 1:n relationship between them.\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EBy following these steps, you can create a 1:n relationship using Hibernate associations.\u003C\u002Fp\u003E",is_moderated:b,username:"emma",user_active:a,created:"2024-07-30T14:50:33Z"};aD.order=a;aD.description=C;aD.slug="java";aE.id=34535;aE.name=D;aE.messages=1018;aE.threads=790;aE.meta_title=D;aE.meta_description=D;aE.children=e;aE.icon="category\u002F427d0e6e-1883-44dd-aa69-96672f1362e5\u002Fc.png";aE.is_public=c;aE.last_post={id:237234,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Eschuyler.moore\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E",is_moderated:b,username:"rashad_gerhold",user_active:a,created:"2024-06-24T12:28:35Z"};aE.order=a;aE.description=D;aE.slug="c-c";aF.id=34536;aF.name=E;aF.messages=663;aF.threads=531;aF.meta_title=E;aF.meta_description=E;aF.children=e;aF.icon="category\u002Fe1951c3a-5f15-4bff-b2a1-43f9148ea154\u002Fswift.png";aF.is_public=c;aF.last_post={id:237328,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ekarelle_heathcote\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003EThe @observable macro in Swift is used to define a property that will automatically trigger a change notification when its value is changed. This can be helpful when testing properties that are expected to change during the execution of your code.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo use the @observable macro in unit tests in Swift, you can define a property in your test class with the @Published attribute. Here&#39;s an example:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-i0tsabz\" language=\"swift\"\u003Eimport XCTest\nimport Combine\n\nclass MyTestClass: XCTestCase {\n\n    @Published var myProperty: Int = 0\n\n    func testPropertyChange() {\n        let cancellable = myProperty.sink { value in\n            \u002F\u002F Test the value of the property here\n        }\n\n        myProperty = 10\n\n        \u002F\u002F Make sure to store the cancellable object somewhere to prevent it from being deallocated\n    }\n}\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E",is_moderated:b,username:"napoleon",user_active:a,created:"2024-06-24T18:02:39Z"};aF.order=a;aF.description=E;aF.slug="swift";aG.id=Z;aG.name=j;aG.messages=18153;aG.threads=12399;aG.meta_title=aH;aG.meta_description=aH;aG.children=e;aG.icon="category\u002F25bf8071-d225-4b00-add3-5ce12dedc414\u002Fic-2dev.png";aG.is_public=c;aG.last_post={id:249693,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Earmani\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo add index terms manually in Apache Solr, you can follow these steps:\u003C\u002Fp\u003E\u003Col\u003E\u003Cli\u003EStart by accessing the Solr Admin UI in your browser.\n\u003C\u002Fli\u003E\u003Cli\u003ENavigate to the Core Selector dropdown menu and select the core where you want to add the index terms.\n\u003C\u002Fli\u003E\u003Cli\u003EClick on the &#34;Query&#34; menu option and select the &#34;Analysis&#34; sub-menu.\n\u003C\u002Fli\u003E\u003Cli\u003EIn the Analysis page, there will be a text field where you can input the text you want to analyze. Enter the text that you want to use as the index term.\n\u003C\u002Fli\u003E\u003Cli\u003EBelow the text field, there will be a list of the analyzed terms with information such as Token, Type, Position, Start Offset, and End Offset. You can manually add index terms by clicking on the &#34;Add&#34; button next to the term you want to add.\n\u003C\u002Fli\u003E\u003Cli\u003EOnce you have added the desired index terms, click the &#34;Save&#34; or &#34;Commit&#34; button to save the changes.\n\u003C\u002Fli\u003E\u003Cli\u003EYour index terms should now be added to the Solr index for the selected core and can be used for searching and filtering in your application.\n\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EThese are the steps to add index terms manually in Apache Solr.\u003C\u002Fp\u003E",is_moderated:b,username:"horacio_hyatt",user_active:a,created:"2024-09-03T18:09:41Z"};aG.order=a;aG.description=j;aG.slug=al;return {layout:ak,data:[{sanitizedMessage:i,thread:{id:118378,name:i,message:"\u003Cp\u003EHow to add a footer to a Shiny app?\u003C\u002Fp\u003E",formatted_message:d,hash_tags:"[\"app\",\"shinyapp\"]",tags:["app","shinyapp","mywebforum"],category:{id:Z,name:j,messages:a,threads:a,meta_title:d,meta_description:d,children:e,icon:d,is_public:c,order:a,description:j,slug:al},category_id:Z,slug:_,likes:9,dislikes:a,is_closed:c,is_pinned:c,is_moderated:b,username:"carlo",user_active:f,role:g,user_avatar:"avatar\u002Fcarlo\u002F2759.jpg",created:"2023-04-08T23:28:16Z"},relatedThreads:[{id:118640,title:am,text:am,avatar:"avatar\u002Fmarianne\u002F33-2 (3).jpg",role:g,slug:"how-to-add-a-color-picker-input-to-a-shiny-app",username:"marianne",created:"2023-04-10T10:38:35Z"},{id:118247,title:an,text:an,avatar:"avatar\u002Flyda.dickens\u002Fanimal0153.gif",role:g,slug:"how-to-add-a-sidebar-to-a-shiny-app",username:"lyda.dickens",created:"2023-04-08T09:24:10Z"},{id:118192,title:ao,text:ao,avatar:"avatar\u002Fova\u002F2339.jpg",role:g,slug:"how-to-add-tabs-to-a-shiny-app",username:"ova",created:"2023-04-08T02:22:06Z"},{id:117806,title:ap,text:ap,avatar:"avatar\u002Fjeanie_reilly\u002F897073174.jpg",role:g,slug:"how-to-add-a-plot-to-a-shiny-app",username:"jeanie_reilly",created:"2023-04-05T18:06:17Z"},{id:117921,title:aq,text:aq,avatar:"avatar\u002Fsantina.kub\u002F359022361.jpg",role:g,slug:"how-to-add-a-table-to-a-shiny-app",username:ar,created:"2023-04-06T08:10:14Z"}],socialSettings:{id:1876,size:a,facebook:b,vk:c,ok:c,linkedin:b,telegram:b,whatsapp:b,pocket:c,twitter:b,active:b},page:f,totals:f,postsTotal:as,posts:[{id:152513,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ecarlo\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo add a footer to a Shiny app, you can make use of the \u003Ccode\u003Efooter\u003C\u002Fcode\u003E argument in the \u003Ccode\u003EfluidPage()\u003C\u002Fcode\u003E or \u003Ccode\u003EfixedPage()\u003C\u002Fcode\u003E function.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EHere&#39;s an example of how to add a footer to a \u003Ccode\u003EfluidPage()\u003C\u002Fcode\u003E:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-t068go1\" language=\"scss\"\u003Elibrary(shiny)\n\nui &lt;- fluidPage(\n  # page content here\n  \n  # footer\n  footer = &#34;This is the footer text&#34;\n)\n\nserver &lt;- function(input, output) {\n  # server logic here\n}\n\nshinyApp(ui, server)\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003ESimilarly, you can add a footer to a \u003Ccode\u003EfixedPage()\u003C\u002Fcode\u003E:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-rs9edtp\" language=\"scss\"\u003Elibrary(shiny)\n\nui &lt;- fixedPage(\n  # page content here\n  \n  # footer\n  footer = &#34;This is the footer text&#34;\n)\n\nserver &lt;- function(input, output) {\n  # server logic here\n}\n\nshinyApp(ui, server)\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can customize the footer by adding CSS styling to it using the \u003Ccode\u003Etags$style()\u003C\u002Fcode\u003E function. For example:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-7fqaow7\" language=\"css\"\u003Efooter = tags$div(\n  style = &#34;text-align: center; padding-top: 20px; font-size: 12px;&#34;,\n  &#34;This is the footer text&#34;\n)\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EThis will center the text, add some padding to the top, and change the font size to 12px. You can adjust the CSS to your liking.\u003C\u002Fp\u003E\u003Cp\u003E\n\u003C\u002Fp\u003E",formatted_message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ecarlo\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo add a footer to a Shiny app, you can make use of the \u003Ccode\u003Efooter\u003C\u002Fcode\u003E argument in the \u003Ccode\u003EfluidPage()\u003C\u002Fcode\u003E or \u003Ccode\u003EfixedPage()\u003C\u002Fcode\u003E function.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003EHere&#39;s an example of how to add a footer to a \u003Ccode\u003EfluidPage()\u003C\u002Fcode\u003E:\u003C\u002Fp\u003E\u003Cdiv style=\"color:#f8f8f2;background-color:#272822;\"\u003E\n\u003Ctable style=\"border-spacing:0;padding:0;margin:0;border:0;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 1\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 2\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 3\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 4\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 5\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 6\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 7\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 8\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 9\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E10\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E11\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E12\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E13\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E14\n\u003C\u002Fspan\u003E\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\n\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;;width:100%\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"color:#f92672\"\u003Elibrary\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Eshiny\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\n\u003Cspan style=\"color:#f92672\"\u003Eui\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E&lt;-\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003EfluidPage\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n  # \u003Cspan style=\"color:#f92672\"\u003Epage\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Econtent\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Ehere\u003C\u002Fspan\u003E\n  \n  # \u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E=\u003C\u002Fspan\u003E \u003Cspan style=\"color:#e6db74\"\u003E&#34;This is the footer text&#34;\u003C\u002Fspan\u003E\n\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\n\u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E&lt;-\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Efunction\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Einput\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eoutput\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E {\n  # \u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Elogic\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Ehere\u003C\u002Fspan\u003E\n}\n\n\u003Cspan style=\"color:#f92672\"\u003EshinyApp\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Eui\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003C\u002Ftbody\u003E\u003C\u002Ftable\u003E\n\u003C\u002Fdiv\u003E\n\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003ESimilarly, you can add a footer to a \u003Ccode\u003EfixedPage()\u003C\u002Fcode\u003E:\u003C\u002Fp\u003E\u003Cdiv style=\"color:#f8f8f2;background-color:#272822;\"\u003E\n\u003Ctable style=\"border-spacing:0;padding:0;margin:0;border:0;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 1\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 2\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 3\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 4\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 5\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 6\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 7\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 8\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 9\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E10\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E11\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E12\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E13\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E14\n\u003C\u002Fspan\u003E\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\n\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;;width:100%\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"color:#f92672\"\u003Elibrary\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Eshiny\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\n\u003Cspan style=\"color:#f92672\"\u003Eui\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E&lt;-\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003EfixedPage\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n  # \u003Cspan style=\"color:#f92672\"\u003Epage\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Econtent\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Ehere\u003C\u002Fspan\u003E\n  \n  # \u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E=\u003C\u002Fspan\u003E \u003Cspan style=\"color:#e6db74\"\u003E&#34;This is the footer text&#34;\u003C\u002Fspan\u003E\n\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\n\u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E&lt;-\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Efunction\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Einput\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eoutput\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E {\n  # \u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Elogic\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Ehere\u003C\u002Fspan\u003E\n}\n\n\u003Cspan style=\"color:#f92672\"\u003EshinyApp\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Eui\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003C\u002Ftbody\u003E\u003C\u002Ftable\u003E\n\u003C\u002Fdiv\u003E\n\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can customize the footer by adding CSS styling to it using the \u003Ccode\u003Etags$style()\u003C\u002Fcode\u003E function. For example:\u003C\u002Fp\u003E\u003Cdiv style=\"color:#f8f8f2;background-color:#272822;\"\u003E\n\u003Ctable style=\"border-spacing:0;padding:0;margin:0;border:0;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E1\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E2\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E3\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E4\n\u003C\u002Fspan\u003E\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\n\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;;width:100%\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E=\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Etags\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E$\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Ediv\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003Estyle\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E=\u003C\u002Fspan\u003E \u003Cspan style=\"color:#e6db74\"\u003E&#34;text-align: center; padding-top: 20px; font-size: 12px;&#34;\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#e6db74\"\u003E&#34;This is the footer text&#34;\u003C\u002Fspan\u003E\n\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003C\u002Ftbody\u003E\u003C\u002Ftable\u003E\n\u003C\u002Fdiv\u003E\n\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003EThis will center the text, add some padding to the top, and change the font size to 12px. You can adjust the CSS to your liking.\u003C\u002Fp\u003E\u003Cp\u003E\n\u003C\u002Fp\u003E",is_moderated:b,likes:f,dislikes:a,thread_title:i,thread_slug:_,username:"yadira.tillman",user_avatar:"avatar\u002Fyadira.tillman\u002F877477466.jpg",user_active:f,role:g,role_logo:d,created:"2023-04-19T10:58:07Z"},{id:152851,message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ecarlo\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo add a footer to a Shiny app, you can use the \u003Ccode\u003Etags$footer()\u003C\u002Fcode\u003E function in the \u003Ccode\u003Eui\u003C\u002Fcode\u003E section of your Shiny app. Here&#39;s an example:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-1bi57ji\" language=\"scss\"\u003Elibrary(shiny)\n\nui &lt;- fluidPage(\n  # Your app content here\n  tags$footer(\n    div(\n      p(&#34;Copyright © 2023&#34;),\n      p(&#34;All rights reserved.&#34;)\n    )\n  )\n)\n\nserver &lt;- function(input, output) {\n  # Your server logic here\n}\n\nshinyApp(ui, server)\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn this example, the \u003Ccode\u003Etags$footer()\u003C\u002Fcode\u003E function wraps a \u003Ccode\u003Ediv()\u003C\u002Fcode\u003E containing two \u003Ccode\u003Ep()\u003C\u002Fcode\u003E elements that display the copyright information.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can customize the content and styling of your footer by adding additional HTML and CSS within the \u003Ccode\u003Etags$footer()\u003C\u002Fcode\u003E function. For example, you can use the \u003Ccode\u003Estyle\u003C\u002Fcode\u003E argument to apply CSS styles to your footer:\u003C\u002Fp\u003E\u003Cpre class=\"code-block ql-syntax\" id=\"code-5144rc3\" language=\"css\"\u003Etags$footer(\n  div(\n    p(&#34;Copyright © 2023&#34;),\n    p(&#34;All rights reserved.&#34;)\n  ),\n  style = &#34;background-color: #f8f8f8; padding: 10px;&#34;\n)\n\u003C\u002Fpre\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EThis sets the background color of the footer to a light gray (\u003Ccode\u003E#f8f8f8\u003C\u002Fcode\u003E) and adds 10 pixels of padding around the content.\u003C\u002Fp\u003E\u003Cp\u003E\n\u003C\u002Fp\u003E",formatted_message:"\u003Cp\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"mention\"\u003E\u003Cspan\u003E\u003Cspan\u003E\u003Cspan class=\"ql-mention-denotation-char\"\u003E@\u003C\u002Fspan\u003Ecarlo\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E \u003C\u002Fspan\u003E \u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E\u003Cp\u003ETo add a footer to a Shiny app, you can use the \u003Ccode\u003Etags$footer()\u003C\u002Fcode\u003E function in the \u003Ccode\u003Eui\u003C\u002Fcode\u003E section of your Shiny app. Here&#39;s an example:\u003C\u002Fp\u003E\u003Cdiv style=\"color:#f8f8f2;background-color:#272822;\"\u003E\n\u003Ctable style=\"border-spacing:0;padding:0;margin:0;border:0;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 1\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 2\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 3\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 4\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 5\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 6\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 7\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 8\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E 9\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E10\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E11\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E12\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E13\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E14\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E15\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E16\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E17\n\u003C\u002Fspan\u003E\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\n\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;;width:100%\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"color:#f92672\"\u003Elibrary\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Eshiny\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\n\u003Cspan style=\"color:#f92672\"\u003Eui\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E&lt;-\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003EfluidPage\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n  # \u003Cspan style=\"color:#f92672\"\u003EYour\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eapp\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Econtent\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Ehere\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003Etags\u003C\u002Fspan\u003E\u003Cspan style=\"color:#960050;background-color:#1e0010\"\u003E$\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n    \u003Cspan style=\"color:#f92672\"\u003Ediv\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n      \u003Cspan style=\"color:#f92672\"\u003Ep\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#e6db74\"\u003E&#34;Copyright © 2023&#34;\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E),\u003C\u002Fspan\u003E\n      \u003Cspan style=\"color:#f92672\"\u003Ep\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#e6db74\"\u003E&#34;All rights reserved.&#34;\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n    \u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\n\u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E&lt;-\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Efunction\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Einput\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eoutput\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E {\n  # \u003Cspan style=\"color:#f92672\"\u003EYour\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Elogic\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Ehere\u003C\u002Fspan\u003E\n}\n\n\u003Cspan style=\"color:#f92672\"\u003EshinyApp\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Eui\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E,\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003Eserver\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003C\u002Ftbody\u003E\u003C\u002Ftable\u003E\n\u003C\u002Fdiv\u003E\n\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003EIn this example, the \u003Ccode\u003Etags$footer()\u003C\u002Fcode\u003E function wraps a \u003Ccode\u003Ediv()\u003C\u002Fcode\u003E containing two \u003Ccode\u003Ep()\u003C\u002Fcode\u003E elements that display the copyright information.\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003EYou can customize the content and styling of your footer by adding additional HTML and CSS within the \u003Ccode\u003Etags$footer()\u003C\u002Fcode\u003E function. For example, you can use the \u003Ccode\u003Estyle\u003C\u002Fcode\u003E argument to apply CSS styles to your footer:\u003C\u002Fp\u003E\u003Cdiv style=\"color:#f8f8f2;background-color:#272822;\"\u003E\n\u003Ctable style=\"border-spacing:0;padding:0;margin:0;border:0;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E1\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E2\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E3\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E4\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E5\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E6\n\u003C\u002Fspan\u003E\u003Cspan style=\"white-space:pre;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f\"\u003E7\n\u003C\u002Fspan\u003E\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\n\u003Ctd style=\"vertical-align:top;padding:0;margin:0;border:0;;width:100%\"\u003E\n\u003Cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;\"\u003E\u003Cspan style=\"color:#f92672\"\u003Etags\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E$\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003Efooter\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003Ediv\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\n    \u003Cspan style=\"color:#f92672\"\u003Ep\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#e6db74\"\u003E&#34;Copyright © 2023&#34;\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E),\u003C\u002Fspan\u003E\n    \u003Cspan style=\"color:#f92672\"\u003Ep\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E(\u003C\u002Fspan\u003E\u003Cspan style=\"color:#e6db74\"\u003E&#34;All rights reserved.&#34;\u003C\u002Fspan\u003E\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003E),\u003C\u002Fspan\u003E\n  \u003Cspan style=\"color:#f92672\"\u003Estyle\u003C\u002Fspan\u003E \u003Cspan style=\"color:#f92672\"\u003E=\u003C\u002Fspan\u003E \u003Cspan style=\"color:#e6db74\"\u003E&#34;background-color: #f8f8f8; padding: 10px;&#34;\u003C\u002Fspan\u003E\n\u003Cspan style=\"color:#f92672\"\u003E)\u003C\u002Fspan\u003E\n\u003C\u002Fpre\u003E\u003C\u002Ftd\u003E\u003C\u002Ftr\u003E\u003C\u002Ftbody\u003E\u003C\u002Ftable\u003E\n\u003C\u002Fdiv\u003E\n\u003Cp\u003E\u003Cbr\u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003EThis sets the background color of the footer to a light gray (\u003Ccode\u003E#f8f8f8\u003C\u002Fcode\u003E) and adds 10 pixels of padding around the content.\u003C\u002Fp\u003E\u003Cp\u003E\n\u003C\u002Fp\u003E",is_moderated:b,likes:a,dislikes:a,thread_title:i,thread_slug:_,username:"austyn.beer",user_avatar:"avatar\u002Faustyn.beer\u002F2-2 (1).jpg",user_active:f,role:g,role_logo:d,created:"2023-04-20T09:16:05Z"}]}],fetch:{},error:e,state:{loading:a,settings:{id:8542,name:k,domain:"devhubby.com",port:80,plan:f,plan_name:"free",footer_code:"\u003C!-- Global site tag (gtag.js) - Google Analytics --\u003E\n\u003Cscript async src=\"https:\u002F\u002Fwww.googletagmanager.com\u002Fgtag\u002Fjs?id=G-5LBS05BL1D\"\u003E\u003C\u002Fscript\u003E\n\u003Cscript\u003E\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-5LBS05BL1D');\n\u003C\u002Fscript\u003E\n\n\u003Cscript async src=\"https:\u002F\u002Fpagead2.googlesyndication.com\u002Fpagead\u002Fjs\u002Fadsbygoogle.js?client=ca-pub-4833888168110763\"\n     crossorigin=\"anonymous\"\u003E\u003C\u002Fscript\u003E",robots_txt:"User-agent: *\nDisallow: \u002Fsearch\nDisallow: \u002Fadmin\nDisallow: \u002Fprofile\nDisallow: \u002Flogin\nDisallow: \u002Fregister\n\nSitemap: https:\u002F\u002Fdevhubby.com\u002Fsitemap.xml",locale:"en",add_source:a,allow_likes:f,add_watermark:f,add_watermark_position:3,hash:"c64c6733-bfad-4db8-b387-18207476d4d5",default_role:at,allow_hash_tags:f,add_source_text:d,scrollable_pagination:a,meta_title:k,blog_active:c,favicon_png:"\u002Ffavicon.png",favicon_ico:d,custom_css:".amzn-native-container {\n    margin: 0 auto;\n}\n \n.forum-text.ql-viewer div{\n    border-radius: 5px;\n}",meta_description:k,description:k,logo:"logo\u002Fdev.png",is_related_thread:f,related_thread:au,notify_on_moderation:b,activation:"email",facebook:"https:\u002F\u002Fwww.facebook.com\u002Fgroups\u002Fdevhubby",linkedin:"https:\u002F\u002Fwww.linkedin.com\u002Fgroups\u002F14086432\u002F",twitter:"https:\u002F\u002Ftwitter.com\u002Fdevhubbycom",instagram:"https:\u002F\u002Fwww.instagram.com\u002Fdev_hubby\u002F"},layout:{id:8650,is_dark:a,name:ak,background_full:c,code_theme:"monokai",page_transition:"fade",background:d,background_color:d,text_color:d,text_font_family:"Roboto",primary_color:$,secondary_color:u,accent_color:u,info_color:u,success_color:u,error_color:$,warning_color:$},social_providers:{google:b,facebook:b,github:b},menus:[],showAd:c,darkMode:c,isFooterVisible:c,cdnUrl:"https:\u002F\u002Fforum-static.fra1.cdn.digitaloceanspaces.com",metaOg:{title:i,url:"https:\u002F\u002Fdevhubby.com\u002Fthread\u002Fhow-to-add-a-footer-to-a-shiny-app",type:d,image:d,description:i,site_name:k},itemsPerPage:15,ad:[{id:23,name:"Own domain footer",css_selector:d,position:as,one_time:c,show_every:a,code:"\u003Ciframe src=\"https:\u002F\u002Fmangools.com\u002Faffil-banners\u002Fkwfinder-ad.html?title=default&theme=default&size=930x180#a62ac14e5feebf87c75cc5019\" width=\"336\" height=\"280\" style=\"border: 0;\"\u003E\u003C\u002Fiframe\u003E",active:b,free:b},{id:541,name:"left under menu",css_selector:d,position:11,one_time:c,show_every:a,code:"\u003Cscript async src=\"https:\u002F\u002Fpagead2.googlesyndication.com\u002Fpagead\u002Fjs\u002Fadsbygoogle.js?client=ca-pub-4833888168110763\"\n     crossorigin=\"anonymous\"\u003E\u003C\u002Fscript\u003E\n\u003C!-- devhubby --\u003E\n\u003Cins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-4833888168110763\"\n     data-ad-slot=\"2818766036\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"\u003E\u003C\u002Fins\u003E\n\u003Cscript\u003E\n     (adsbygoogle = window.adsbygoogle || []).push({});\n\u003C\u002Fscript\u003E",active:b,free:c},{id:542,name:"in list",css_selector:d,position:7,one_time:b,show_every:au,code:av,active:b,free:c},{id:555,name:"post",css_selector:d,position:8,one_time:b,show_every:f,code:av,active:b,free:c}],profileStats:{fetched:c,personalMessages:a},stats:{fetched:c,threads:a,posts:a},breadcrumbs:[{text:aa,disabled:c,href:ab},{text:j,disabled:c,href:"\u002Fforum\u002Fother"},{text:i,disabled:b}],categories:[aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG],categoriesWithChildren:[aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG],roles:[{code:at,logo:d,name:g},{code:"ROLE_MODERATOR",logo:d,name:aI},{code:"ROLE_ADMIN",logo:d,name:"Administrator"}],i18n:{routeParams:{}},auth:{user:e,loggedIn:c,strategy:"local"}},serverRendered:b,routePath:"\u002Fthread\u002Fhow-to-add-a-footer-to-a-shiny-app",config:{_app:{basePath:ab,assetsPath:ab,cdnURL:"https:\u002F\u002Fpub-1e27250373774d6ca37239bbf5810b5c.r2.dev\u002Fassets\u002F0.3\u002F"}},__i18n:{langs:{en:{common:{common_badge_blog:"blog",common_badge_post:"forum",common_badge_page:"page",answers:"no answers | 1 answer | {count} answers",likes:"no likes | 1 like | {count} likes",dislikes:"no dislikes | 1 dislike | {count} dislikes",show_more:aJ,show_less:"Show Less",go_back:"Go Back",go_home_page:"Go Home Page",max_tag_reached:"Max Count of Tags Reached",in_category:"in category: ",our_privacy:"See our Privacy Policy",count_best_answers:aK,search_ask_question:"Do you want to create a thread?",check_internet_connection:"You are offline! Check your internet connection.",by:"by",cookie_text:"This site uses cookies to ensure you get the best experience. By clicking \"Got it\" or continuing to browse the website, you are agreeing to our use of cookies.",got_it:"Got it",signature:aL,author_marked_as_best:aM,no_transition:"No Transition",mail_services:"Mail Services",free_files:"The current plan has a limit 10 files",user_not_active:"Deleted user",confirm_email_text:"We just sent an email to you with the confirmation code. Please put the confirmation code in field below.",main_top_ad:"Ad in all pages on the top",main_bottom_ad:"Ad in all pages on the bottom",blog_in_category_ad:"Ad in blog category",blog_post_top_ad:"Ad in blog post on the top",blog_post_bottom_ad:"Ad in blog post on the bottom",blog_in_post_ad:"Ad in blog post",forum_in_thread_ad:"Ad in forum thread",forum_in_post_ad:"Ad in forum post",sliding_ad:"Sliding Ad on all pages",page_ad:"Ad on the page",sidebar_under_menu:"Left sidebar under menu",site_is_not_ready:"You site is not ready yet",thanks_choosing_us:"Thank you for giving us the opportunity to serve you",register_site_first:"You need register your site first at",create_forum:"create a forum",create_forum_free:"free forum",create_forum_free_text:aN,create_qa_free_text:aN,create_qa_free:"Questions & Answers platform",support_text:"support forum",post_subject:aO,how_to_create_text:"If you have any question about our platform - you can easily ask us. We are always ready to help you by contact form or by our",subcategory:"Subcategories",category:aP,main_page:"Main Page",banned:"Banned User",no_banned:"Not Banned User",new_message:"New",not_read:"Not Read",spam:"Spam",trusted:aQ,no_trusted:"Common User",security_questions:"Registration Questions",nice_to_see_you:"Nice to see you again",records_not_found:"No records found",not_found:"There were no results for your search.",member_from:"Member from",last_seen:"Last seen",not_authorized:"Sign in to your account",account:"Account",last_message:" Last Reply ",from:" from ",thanks_confirming:"Thank you for using our service. Account successfully confirmed!",thanks_confirming_details:"You can use your credentials to login into system",mail_settings_valid:"Congratulations! Mail Settings verified successfully and ready to use",terms:"Terms & Conditions",privacy:aR,accept_terms:"I Agree to the Terms and Conditions",need_accept_terms:"You must agree to the Terms and Conditions in order to register",copyright_text:"This Site is Created By",security_messages:"Secure messages",na:"N\u002FA",active:aS,no_active:"Inactive",attention:"Attention!",count_topics:aT,need_moderation:"Approve message",no_data:"No data",no_files:"No files",no_records:"No records",no_messages:"No messages",count_messages:F,menu:l,search:G,action:"Action",pin_topic:"Pin topic",unpin_topic:"Unpin topic",existing_client:"Existing user? Sign In",close_topic:"Close topic",open_topic:"Open topic",rows_per_page:"Rows per page",top_menu:"Top menu",bottom_menu:"Bottom menu",waiting_approval:"Waiting approval",second:"Second",minute:"Minute",hour:"Hour",message:F,messages:F,topic_closed:"Topic closed",important_topic:"Important topic",threads:aU},animation:{default_fade:"Default Fade",fade_up:"Fade Up",fade_right:"Fade Right",fade_down:"Fade Down",fade_left:"Fade Left",rotate:"Rotate",rotate_down_left:"Rotate Down Left",rotate_down_right:"Rotate Down Right",rotate_up_left:"Rotate Up Left",rotate_up_right:"Rotate Up Right",slide_down:"Slide Down",slide_left:"Slide Left",slide_right:"Slide Right",slide_up:"Slide Up",flip:"Flip",flip_x:"Flip X",flip_y:"Flip Y",zoom:"Zoom",zoom_down:"Zoom Down",zoom_left:"Zoom Left",zoom_right:"Zoom Right",zoom_up:"Zoom Up",light_speed:"Light Speed",bounce:"Bounce",bounce_down:"Bounce Down",bounce_left:"Bounce Left",bounce_right:"Bounce Right",bounce_up:"Bounce Up"},tabs:{delete_forum:m,translation_settings:aV,inbox_pm:"Inbox",sent_pm:"Sent",moderator_main:"Statistic",moderator_threads:aW,role_settings:H,hash_tags_settings:n,moderator_users:I,export_settings:o,moderator_posts:J,blog_settings:K,privacy_settings:L,badge_settings:M,ad_settings:N,file_settings:p,my_profile_stat:"My Statistics",main_settings:"General Settings",mail_settings:O,layout_settings:P,forum_settings:"Categories",member_settings:aX,social_providers:Q,page_settings:R,menu_settings:"Menu Settings",social_settings:S,security_settings:T,profile:aY,messages:F,redirect_settings:ac,topics:aT},modals:{delete_forum:"I understand that the forum and all data will be permanently removed.",delete_tag:"Are you sure you want to delete this hash tag?",delete_tag_confirm:"Please confirm that you want to delete this hash tag",delete_badge:"Are you sure you want to delete this badge?",delete_badge_confirm:"Please confirm that you want to delete this badge",new_pm:"Compose Message",delete_role:"Are you sure you want to delete this role?",delete_role_confirm:"Please confirm that you want to delete this role",delete_user:"Are you sure you want to delete this user?",delete_file:"Are you sure you want to delete this file?",delete_file_confirm:"Please confirm that you want to delete this file",delete_user_confirm:"Please confirm that you want to delete this user",delete_thread:"Are you sure you want to delete this thread?",delete_thread_confirm:"Please confirm that you want to delete this thread",delete_ad:"Are you sure you want to delete this Ad?",delete_ad_confirm:"Please confirm that you want to delete this Ad",delete_blog_content:"Are you sure you want to delete this post?",delete_blog_content_confirm:"Please confirm that you want to delete this post",delete_blog_category:aZ,delete_blog_category_confirm:"Please confirm that you want to delete this category and related subcategories, posts.",delete_redirect:"Are you sure you want to delete this redirect?",delete_redirect_confirm:"Please confirm that you want to delete this redirect link.",delete_category:aZ,delete_category_confirm:"Please confirm that you want to delete this category and related subcategories, threads, posts.",delete_menu:"Are you sure you want to delete this menu link?",delete_menu_confirm:"Please confirm that you want to delete this menu link.",delete_page:"Are you sure you want to delete this page?",delete_page_confirm:"Please confirm that you want to delete this page.",delete_message:"Are you sure you want to delete this message?",delete_message_confirm:"Please confirm that you want to delete this message.",delete_topic:"Are you sure you want to delete this topic?",delete_topic_confirm:"Please confirm that you want to delete this topic and related posts.",delete_all_topic_message:"Are you sure you want to delete all messages?",delete_all_topic_message_confirm:"Please confirm that you want to delete all messages",delete_all_topic_text:"Are you sure you want to delete all topics?",delete_all_topic_text_confirm:"Please confirm that you want to delete all topics"},errors:{page_not_found:"Page not found",other_error:"Error happened"},toasts:{voted:"Your vote is counted",email_sent:"Confirmation Code Sent to Email",logout:"You successfully logged out",category_created:"Category successfully created!",category_updated:"Category successfully updated!",ad_created:"Ad successfully created!",ad_updated:"Ad successfully updated!",menu_created:"Menu link successfully created!",menu_updated:"Menu link successfully updated!",page_created:"Page successfully created!",page_updated:"Page successfully updated!",register_successfully:"You have successfully registered",confirm_email:"Please confirm your email address",posts_waiting_approval:"Posts waiting approval:",users_waiting_approval:"Users waiting approval:",threads_waiting_approval:"Threads waiting approval:",favicon_updated:"Favicon successfully updated",background_updated:"Background successfully updated",select_logo:"Please select logo",select_favicon:"Please select favicon",logo_updated:"Logo successfully updated",logo_deleted:"Logo successfully deleted",profile_updated:"Profile successfully updated",avatar_updated:"Avatar successfully updated",select_avatar:"Please select image file",select_background:"Please select background image file",auth_success:"Logged in successfully",settings_success:"Settings successfully updated",terms_success:"Terms successfully updated",message_send:"Message has been sent",created:ad,updated:"Updated",password_changed:"Password changed successfully",record_created:ad,deleted:"Deleted",success:"Success",error:"Error happened."},titles:{upgrade_pro:ae,admin_delete:m,translation_settings:a_,hash_tag_settings:n,badge_settings:M,roles:H,search:G,social_providers:Q,confirm_account:a$,how_to_create:"How To Create Your Own Free Forum",category_settings:ba,edit_member:af,export_settings:o,file_settings:p,blog_settings:K,ad_settings:N,blog_content:U,blog_category:q,blog:V,my_pm:r,view_pm:ag,members:bb,redirects:ac,menu:l,pages:R,layout_settings:P,social_settings:S,security_settings:T,terms_settings:L,mail_settings:O,admin_index:W,moderator_index:X,moderator_threads:bc,moderator_users:I,moderator_posts:J,change_password:s,view_profile:"user profile",my_profile:ah,register:bd,login:h,restore_password:t,contact_us:Y},descriptions:{upgrade_pro:ae,admin_delete:m,translation_settings:a_,hash_tag_settings:n,badge_settings:M,roles:H,social_providers:Q,confirm_account:a$,how_to_create:"How To Create Your Own Free Forum. If you need a free modern forum - you can create it right now.",category_settings:ba,export_settings:o,edit_member:af,moderator_index:X,file_settings:p,moderator_threads:bc,moderator_users:I,moderator_posts:J,ad_settings:N,blog_settings:K,my_pm:r,view_pm:ag,blog:V,blog_category:q,blog_content:U,members:bb,redirects:ac,menu:l,terms_settings:L,layout_settings:P,pages:R,social_settings:S,security_settings:T,admin_index:W,mail_settings:O,change_password:s,view_profile:"user profile. Contacts, messages, topics.",my_profile:ah,register:bd,login:h,restore_password:t,contact_us:"You can always send us message and we always ready to help. "},mail:{other:j,gmail:"Gmail",yandex:"Yandex",yahoo:"Yahoo",mail:"Mail.ru",rambler:"Rambler",bing:"Bing",outlook:"Outlook",aol:"AOL"},activations:{email:"Email confirmation required",manually:"Manually by admin\u002Fmoderator",automatically:"Automatically, after registration"},toc:{disabled:"No Active",top:"Top",bottom:"Bottom"},export:{yes:"Yes",no:"No",blog_category:q,blog:"Blog Posts",forum:"Forum",profile:"Profiles"},watermark:{center:"Center",top_left:"Top-Left Corner",top_right:"Top-Right Corner",bottom_left:"Bottom-Left Corner",bottom_right:"Bottom-Right Corner"},conditions:{threads:aU,posts:"Posts",best_answers:aK},forms:{default_role:"Default role for new users",hash_tag:"Hash Tag",hash_tags:"Tags (not required)",meta_title:"Meta Title",meta_description:"Meta Description",value:"Value",condition:"Condition",allow_hash_tags:"Enable Hash Tags",access_pm:r,create_post:"Create Post",edit_own_post:"Edit Own Post",edit_any_post:"Edit Any Post",moderate_data:"Moderate Posts\u002FThreads etc...",access_to_admin_tool:"Access to Admin Tool",register_limit:"Registration limit",permissions:"Permissions",created:ad,scrollable_pagination:"Scrollable pagination",is_public_category:"Access to everyone",roles:"Only roles have access",add_source:"Add Source Whenever Copy Text?",allow_likes:"Allow to user likes posts and threads?",add_watermark:"Add Watermark to Images?",add_watermark_position:"Watermark Position",messages_before_auto_approved:"How many posts approve manually for the new users?",add_source_text:"Text:",move_to_category:"Move Threads and Messages to Category",blog_move_to_category:"Move Content to Category",default_add_source_text:"Read more at:",category:"Category:",code_theme:"Code Editor Theme:",user_link_type:"Type:",user_link:"Link:",is_profile_public:"Make Profile Public:",add_social_link:"Add Social Link",confirm_your_email:"Confirm your email",background_full:"Full Screen Image",notifications:"Notifications",to_username:"To",page_transition:"Page Transition",subject:"Subject",signature:aL,no_ad:"No Ad in this post",max_length:"Max XX characters",custom_css:"Custom CSS",security_question_question:be,is_related_post:"Enable Related Posts",related_post:"Count of Related Posts",is_related_thread:"Enable Related Threads",related_thread:"Count of Related Threads",from_name:"From:",to_name:"To:",role:bf,created_date:"Created at",status:"Status",export_data:"export data",export_data_deleted:"Unfortunately export deleted because we store it just in 3 days. If you need fresh data please create a new request.",export_data_deleted_short:"Unfortunately export deleted",export_settings:"Export Settings",security_question_answer:"Answer","messages_before_au to_approved":"How many approved messages for new clients",mark_uncertain_messages:"Moderate manually uncertain messages",thread_limit:"Thread limit",directory_name:"Directory name",nofollow:"Add for links rel=nofollow",blog_social_sizes:"Icon Size",notify_on_moderation:"Notify me about messages\u002Fthreads on moderation",directory:"Directory",summary:"Summary",badge_name:"Badge Name",badge_description:bg,badge_icon:"Icon",banned:"Banned",robots_txt:"Robots.txt",toc:aO,one_time:"Show one time",show_every:"Show every",show_after:"Show after",css_selector:"CSS selector",code:"Code",file:"File",question:be,answer:"You answer",thread_limit_type:"Thread limit by",register_limit_type:"Register limit",trusted:aQ,edit_profile:bh,post_limit:"Post limit",post_limit_type:"Post limit by",category_name:"Category name",category_description:"Category Description",blog_category:aP,text_font_family:"Font Family",add_in_menu:"Add In Menu",avatar:"Avatar",template:"Template",old_url:"Old URL",new_url:"New URL",image:bi,is_dark:"Dark Mode",logo:"Logo",topic_name:bj,open_new_tab:"Open in new tab",no_index:"Noindex page by google, bing, yahoo etc...",text_link:"Link text",select_page:"Select page",select_manually:"Manually",parent_category:"Parent Category",link:"Link",name:ai,encryption:"Encryption",host:"Host",port:"Port",user:bk,page:"Page",position:"Position",type_background:"Background",no_background:"None",background_color:"Color",background_image:bi,activation:"Activate new members",password:"Password",new_password:"New password",confirm_password:"Confirm password",username:bk,firstname:"First name",favicon:"Favicon",favicon_png:"Favicon PNG",forum_name:ai,active:aS,page_name:ai,forum_description:bg,footer_code:"Footer custom code (ex. google analytics code)",lastname:"Last name",update:bl,email:"Email",company:"Company",message:"Message",text:"Text"},social_size:{small:"Small",medium:"Medium",large:"Large"},buttons:{upgrade_pro:ae,delete_forum:m,buy_now:"Get Started",make_default_role:"Set role as the default for new users",edit_hash_tag:"Edit Hash Tag",new_hash_tag:"Add Hash Tag",new_badge:"Add Badge",edit_badge:"Edit Badge",add_role:bm,edit_role_link:"Edit Role",add_role_link:bm,login_google:h,login_facebook:h,login_github:h,cancel:"Cancel",delete_and_keep_messages:"Delete (keep messages\u002Fthreads)",login_google_tooltip:"Login with Google",login_facebook_tooltip:"Login with Facebook",login_github_tooltip:"Login with Github",moderate:aI,best_answer:aM,answer:bn,my_profile:aY,ask_question:"Ask Question",add_redirect:"New Redirect",edit_redirect:"Edit Redirect",search_more:"Search More",resend_code:"Resend Code",confirm_email:"Confirm Email",show_more:aJ,add_ad:bo,edit_ad:"Edit Ad",new_ad:bo,new_file:"New File",deactivate:"Deactivate",activate:"Activate",unbanned:"Unbanned",bann:bp,new_pm:"Compose",spam:"Mark As Spam",blog_social_share:"Social Share Buttons",new_export:bq,export_data:bq,new_directory:"New Directory",upload_file:"Upload File",upload_directory:"Create folder",edit_category:br,edit_thread:"Edit Thread",add_category:bs,add_menu_link:bt,blog_category:q,blog_content:U,edit_menu_link:"Edit link",new_menu:bt,validate_mail_settings:"Validate",new_page:"New Page",read:"Read More",new_blog_category:bs,edit_blog_category:br,new_blog_content:"New Post",edit_blog_content:"Edit Post",edit_page:"Edit Page",upload_avatar:"Upload avatar",upload_logo:"Upload Logo",delete_logo:"Remove Logo",upload_favicon:"Upload Favicon",upload_favicon_png:"Upload Favicon PNG",topic_name:bj,contact_us:Y,home:aa,upload_background:"Upload background image",ban:bp,unban:"Unban",delete_all_topic:"Delete all topics",delete_all_messages:"Delete all messages",admin:"Admin Dashboard",profile:bu,signin:"Sign In",register:aj,change_password:s,role:bf,logout:"Logout",reply:"Reply to this topic",reply_pm:bn,edit_post:"Edit post",new_post:"Add message",save:"Save",edit:"Edit",new_message:"New message",restore_password:t,remove:"Remove",login:h,close:"Close",add:"Add",update:bl,delete:"Delete",reset:"Reset Color Schema",send:"Send",clear:"Clear"},headers:{admin_hash_tags:n,admin_badges:M,roles:H,search:G,related_post:"Related Posts",related_thread:"Related Threads",edit_profile:bh,admin_members:"Users",export_settings:o,select_export:"Please select export settings",posts_on_moderation:"Posts on moderation",threads_on_moderation:"Threads on moderation",users_on_moderation:"Users on moderation",moderator_home:X,my_pm:r,moderator_index:"Statistics",admin_home:W,blog:V,change_password:s,admin_redirects:"List of Redirect",admin_ad:"List of Ads",file_settings:p,view_profile:"User profile",color_settings:"Theme Color Settings",primary_color:"Primary Color",secondary_color:"Secondary Color",accent_color:"Accent Color",info_color:"Info Color",success_color:"Success Color",error_color:"Error Color",warning_color:"Warning Color",my_profile:ah,register:aj,menu:l,follow_us:"Follow us",about_us:"About us",login:h,restore_password:t,contact_us:Y},breadcrumbs:{pro:"PRO status",admin_delete:m,translation:aV,privacy:aR,hash_tag_settings:n,badge_settings:"Badge",menu_home:l,social_providers:Q,search:G,export_settings:o,confirm_account:"Account confirmation",blog_home:V,pm:r,view_pm:ag,blog_content:U,blog_settings:K,ad_settings:N,file_settings:p,privacy_settings:L,forum_settings:"Category Settings",mail_settings:O,layout_settings:P,redirects:"Redirects",blog_categories:q,edit_member:af,members:aX,pages:R,social_settings:S,security_settings:T,admin_index:W,moderator_threads:aW,moderator_posts:J,moderator_users:I,moderator_index:X,change_password:s,home:aa,view_profile:"User Profile",my_profile:bu,login:h,register:aj,contact_us:Y,restore_password:t},plan:{success:"Payment Successful!",success_detail:"Your payment was successfully processed. Thank you for your purchase!",failed:"Payment Failed",failed_detail:"We're sorry, but your payment could not be processed.",failed_detail_line_2:"Please check your payment details and try again.",free:"Free",free_price:"$0\u002Fmo",free_description:"Great for starters",pro:"Pro",pro_price:"$9.99\u002Fmo",pro_description:"Most popular",enterprise:bv,enterprise_price:bv,custom_price:"Custom",feature:{unlimited_posts:"Unlimited Posts",unlimited_threads:"Unlimited Threads",unlimited_category:"Unlimited Category",unlimited_users:"Unlimited Users",ssl:"Free SSL",use_own_domain:"Use your own domain",spam_protection:"Spam Protection",ad_free:"AD Free",no_copyright:"No Copyright in the Footer",dedicated_server:"Dedicated Server"}}}}}}}(0,true,false,"",null,1,"Member","Login","How to add a footer to a Shiny app?","Other","Software Developer Questions and Answers","Menu","Delete Forum","Hash Tags","Export","File Settings","Blog Category","Personal Messages","Change password","Restore password","#0095FF","PHP","JavaScript","SQL","Golang","HTML\u002FCSS","Ruby","Python","Java","C\u002FC++","Swift","Messages","Search","Roles","Moderate Users","Moderate Posts","Blog Settings","Privacy Settings","Badges","Ad Settings","Mail Settings","Layout Settings","Social Logins","Pages","Social Settings","Security Settings","Blog Content","Blog","Admin dashboard","Moderator dashboard","Contact us",36177,"how-to-add-a-footer-to-a-shiny-app","#FF6B00","Home","\u002F","Redirect","Created","Upgrade to PRO","Edit User Details","View Message","My Profile","Name","Sign Up","qa","other","How to add a color picker input to a Shiny app?","How to add a sidebar to a Shiny app?","How to add tabs to a Shiny app?","How to add a plot to a Shiny app?","How to add a table to a Shiny app?","santina.kub",2,"ROLE_CLIENT",5,"\u003Cscript async src=\"https:\u002F\u002Fpagead2.googlesyndication.com\u002Fpagead\u002Fjs\u002Fadsbygoogle.js?client=ca-pub-4833888168110763\"\n     crossorigin=\"anonymous\"\u003E\u003C\u002Fscript\u003E\n\u003Cdiv style=\"max-width:750px; margin:0 auto\"\u003E\n\u003Cins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-format=\"fluid\"\n     data-ad-layout-key=\"-ed+6k-30-ac+ty\"\n     data-ad-client=\"ca-pub-4833888168110763\"\n     data-ad-slot=\"3505177655\"\u003E\u003C\u002Fins\u003E\n\u003C\u002Fdiv\u003E\n\u003Cscript\u003E\n     (adsbygoogle = window.adsbygoogle || []).push({});\n\u003C\u002Fscript\u003E",{},{},{},{},{},{},{},{},{},{},{},"Other Programming Languages","Moderator","Show More","Best Answers","Signature","Best Answer","Get Your Own","Table of Contents","Category","Trusted User","Privacy Policy","Active","Topics","Threads","Translation","Moderate Threads","Members","Profile","Are you sure you want to delete this category?","Translation Settings","Your account was successfully confirmed","Forum Category Settings","List Users","Moderate Thread","Register for the forum","Question","Role","Description","Edit Profile","Image","Title","Username","Update","Add Role","Reply","New Ad","Ban","Export Data","Edit Category","New Category","Add a new menu link","My profile","Enterprise"));</script><script src="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/7b8ec9d.js" defer></script><script src="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/25edc65.js" defer></script><script src="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/863688a.js" defer></script><script src="https://pub-1e27250373774d6ca37239bbf5810b5c.r2.dev/assets/0.3/cb42003.js" defer></script>
  786.  </body>
  787. </html>
  788.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda