{"id":30,"date":"2024-09-24T00:32:35","date_gmt":"2024-09-24T00:32:35","guid":{"rendered":"https:\/\/justin.hakasays.com\/?page_id=30"},"modified":"2024-09-30T03:42:34","modified_gmt":"2024-09-30T03:42:34","slug":"30-2","status":"publish","type":"page","link":"https:\/\/justin.hakasays.com\/index.php\/30-2\/","title":{"rendered":"EPD Dashboard"},"content":{"rendered":"\n<style>\nbody, html {\n  margin: 0;\n  box-sizing: border-box;\n  font: 300 18px\/1.8 \"Jost\", sans-serif;\n  color: #777;\n  background: rgb(25,25,25);\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\na span {\n\topacity: 0;\n\ttransition: opacity 0.6s ease;\n}\n\na:hover span {\n\topacity: 1;\n}\n\na div {\n  opacity: 0;\n  transition: opacity 0.6s ease;\n}\n\na div:hover {\n\topacity:1;\n}\n\naside {\n\tdisplay: flex;\n\tflex: 2 1 20%;\n\talign-items: center;\n\tjustify-content: center;\n\ttransform: rotate(-90deg);\n}\n\naside ul {\n\tlist-style-type: none;\n\ttransform: rotate(90deg);\n\ttext-align: center;\n}\n\naside ul li {\n\talign-items: center;\n\tmargin: 5px 0px 5px 0px;\n}\n\naside ul li a {\n\ttext-decoration: none;\n}\n\naside ul li a.nav-text div {\n\tcolor: rgba(180,180,180,1);\n\ttext-shadow: 0px 0px 2px #000, 1px 1px 22px white;\n\tfont-size: 2.3vw;\n\tfont-family: \"Jost\";\n\tline-height: 2.8vw;\n\twidth: 30vw;\n\tmargin-left: 20px;\n\ttext-align: center;\n}\n\naside ul li #fifth-nav div,\naside ul li #zero-nav div,\naside ul li #first-nav div{\n\tmargin-left: -30px;\n}\n\n\/*\naside ul li a span {\n\tcolor: rgba(130,130,130,1);\n\ttext-shadow: 0px 0px 2px #000, 1px 1px 22px white;\n\tfont-size: 2.5vw;\n\tfont-family: \"Jost\";\n\tline-height: 2.8vw;\n\twidth: 50vw;\n\tmargin-left: 60px;\n\ttext-align: left;\n}\n*\/\n\n.block-text {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 2fr;\n}\n\ncanvas  {\n\tborder-radius: 5px;\n}\n\n#p5-canvas-1 {\n\tmargin-right:100px;\n}\n\n.dashboard-title {\n\ttext-align: center;\n\tfont-family: 'Ubuntu Sans';\n\tfont-weight: 200;\n\tfont-size: 4rem;\n}\n\n\n.dots {\n\theight: 3vw;\n  \twidth: 3vw;\n\/*\tbackground-color: aqua;*\/\n\tborder-radius: 50%;\n}\n\nfooter {\n\tmin-height: 170px;\n\tcolor: rgba(236,213,134,1);\n\ttext-transform: uppercase;\n\ttext-align: center;\n\tpadding-top: 30px;\n}\n\n.header-circle {\n  position: absolute;\n  top: 10%;\n  right: 5%;\n  width: 7vw;\n  height: 7vw;\n  border-radius: 50%;\n  background-color: transparent; \/* Example background color for the circle *\/\n  border: 5px solid rgba(236,213,134,1);\n  text-align: center;\n}\n\n.header-circle:hover {\n  border: 1px solid rgba(255,243,23,0.4);\n  background-color: rgb(0,0,0);\n  box-shadow: 0px 0px 142px yellow, -80px 40px 200px rgba(252, 169, 43, 1);\n  transition: 500ms;\n}\n\nheader {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: 10px;\n\/*\theight: 500px;*\/\n\tmargin-top: 9vw;\n}\n\n\n.header-circle span {\n\tcolor: rgba(220,220,220,1);\n\ttext-shadow: 0px 0px 2px #000, 1px 1px 22px white;\n\tfont-size: 2.8vw;\n\tfont-family:'Jost';\n\tline-height: 2.8vw;\n}\n\n.header-circle a {\n\ttext-decoration: none;\n}\n\n\n#information-page #title-information-page {\n\topacity: 0.1;\n\tcolor:rgba(136,170, 150,1);\n}\n\n\n#nav-title {\n\tfont-weight: 200;\n\tfont-size: 5rem;\n\tpadding-left: 60px;\n\tfont-family: \"Ubuntu Sans\";\n\tposition: absolute;\n}\n\n\n\n\/*** target all circle classes ***\/\n\n.zero {\n\tbackground-color: rgba(148,122, 153, 1);\n\theight: 1.5vw;\n  \twidth: 1.5vw;\n}\n\n.first {\n\tbackground-color: rgba(236,213, 134, 1);\t\n\theight: 6vw;\n  \twidth: 6vw;\n}\n\n.second {\n\tbackground-color: rgba(136,170, 150, 1);\n\theight: 2vw;\n  \twidth: 2vw;\n}\n\n.third {\n\tbackground-color: rgba(148,122, 153, 1);\n\theight: 4vw;\n  \twidth: 4vw;\n}\n\n.fourth {\n\tbackground-color: rgba(224,120,116,1);\n\theight: 8vw;\n\twidth: 8vw;\n}\n\n.fifth {\n\tbackground-color: rgba(136,170, 150, 1);\n\theight: 2.5vw;\n\twidth: 2.5vw;\n}\n\/******************\/\n\n\n\n.scroll-newsreel {\n\tanimation: fadeIn ease 6s;\n}\n\n.scroll-newsreel.fade-out {\n\topacity: 0;\n\/*\tanimation: fadeOut ease 6s;*\/\n\ttransition: opacity 6s ease;\n}\n\n.text-box {\n\tcolor: rgba(190,190,190,1.00);\n\tpadding-top:20px;\n\tmargin-left: 30px;\n}\n\n.title {\n\tcolor: rgba(236,213, 134, 0.8);\n\tpadding-top:50px;\n\tmargin-left:80px;\n\theight: 200px;\n\tmargin-bottom:-30px;\n}\n\n.title-nav {\n\/*\tdisplay: flex;*\/\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 55%;\n\tgap: 20px;\n\ttransform: translateX(-10%);\n\tpadding-top: 100px;\n\tmargin-bottom:250px;\n}\n\n.trans {\n\tcolor: rgba(0,0,0,0);\n}\n\n\/**** Services Dashboard ****\/\n #services {\n        display: flex;\n        flex-wrap: wrap;\n}\n\n#services .service {\n\tflex: 31%;\n\tmax-width: 75%;\n\tborder: 1px solid rgba(150, 150, 150, 1);\n\tmargin: 40px 10px 60px 10px;\n\tposition: relative;\n\tborder-radius: 2px;\n\tbox-shadow: 0px 0px 6px darkgray;\n\tbackground: rgb(247,255,253);\n\tbackground: radial-gradient(circle, rgba(247,255,253,1) 39%, rgba(249,252,221,0.66) 100%);\n}\n\n#services .service::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: rgba(255, 255, 255, 0);\n\t\/* Initially transparent *\/\n\ttransition: background-color 0.3s ease;\n\t\/* Add a smooth transition effect *\/\n\tpointer-events: none;\n\t\/* Allow interactions with elements beneath the overlay *\/\n}\n\n\n\n#services .service:hover::before {\n\tbackground-color: rgba(192, 230, 240, 0.15);\n\ttransition: background-color 0.3s ease;\n}\n\n\n#services .service .image {\n\twidth: 100%;\n}\n\n#services .service .image img {\n\tobject-fit: cover;\n\twidth: 100%;\n\theight: 100%;\n}\n\n#services .service .image .description span {\n\tdisplay: inline-block;\n\ttext-align: center;\n\twidth: 100%;\n\tfont-weight: bold;\n}\n\n#services .service .image .description .product-description {\n\tmin-height: 10px;\n\ttext-align: center;\n}\n\n#services .service .description {\n\tmargin: 25px 0;\n\tmin-height: 65px;\n}\n\n\n.entry-content ul#services-page-dash.alignfull {\n\tpadding-left: 14vw;\n\tpadding-right: 14vw;\n}\n\n#services-page-dash {\n\tpadding-left: 14vw;\n\tpadding-right: 14vw;\n}\n\n#tiles {\n\tmargin-bottom: 100px;\n}\n\t\n\/***************************\n**** Changes for WordPress ****\/\n\t\n:root :where(.wp-block-post-title) {\n\tdisplay: none;\n}\n\ndiv#nav-title {\n\twidth: 100vw;\n\ttext-align: center;\n}\n\t\n.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n\tmargin-left: 10px !important;\n}\n\t\nfooter {\n\twidth: 100vw;\n}\n\t\nfooter.wp-block-template-part {\n\tdisplay:none;\n}\n\n.text-box {\n\twidth: 60vw;\n}\n\t\n.dashboard-title {\n\twidth: 100vw;\n}\n\t\n.entry-content ul#services-page-dash.alignfull {\n\twidth: 100vw;\n}\n\t\n\n\n\/**** @media rules **********\/\n\n@media screen and (max-width: 950px) {\n\tul#services-page-dash {\n\t\tpadding-left: 4vw;\n\t\tpadding-right: 4vw;\n\t}\n\t\n\t.dashboard-title { \n\t\ttext-align: left;\n\t}\n}\n\n@media screen and (max-width: 780px) {\n\t.text-box {\n\t\tmargin-left: 60px;\n\t}\n\t\n}\n\n\/*************\/\n@media screen and (max-width: 700px) {\n\t\n\t.dashboard-title {\n\t\tfont-size: 15vw;\n\t}\n\t\n\t.text-box {\n\t\twidth: 100%;\n\t}\n\t\n\t.title {\n\t\theight: 125px;\n\t\tmargin-bottom: 0;\n\t}\n\t\n\t.title-nav {\n\t\tdisplay: initial;\n\t}\n\t\n\t.title-nav aside {\n\t\ttransform: initial;\n\t\theight: 175px;\n\t}\n\t\n\taside ul {\n\t\ttransform: initial;\n\t}\n\t\n\t\n\taside ul li a.nav-text div {\n\t\tfont-size: 6vw;\n\t\tline-height: 6vw;\n\t\tpadding-top: 50px\n\t}\n\t\n\taside ul li #fifth-nav div, \n\taside ul li #zero-nav div, \n\taside ul li #first-nav div {\n\t\tmargin-left: 0;\n\t}\n\t\n}\n\n@media screen and (max-width: 550px) {\n\t.header-circle {\n\t\ttop: 20%;\n\t}\n}\n\n@media screen and (max-width: 500px) {\n\t\n\t.homepage-cta {\n  margin: 75px 5% 100px 5%;\n\t}\n\t\n\t#nav-title {\n\t\tfont-size: 15vw;\n\t\tmargin-bottom: 20px;\n\t\tmargin-top: 20px;\n\t}\n\t\n\t#services .service {\n\t\tflex: 99%;\n\t\tmax-width: 100%;\n\t}\n\t\n\t.title-nav {\n\t\tmargin-bottom: 60px;\n\t}\n}\n<\/style>\n<html>\n    <head>\n        <meta charset=\"utf-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n        <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" \/>\n        <title>EPD Labs Dashboard<\/title>\n        <link href=\"css\/style.css\" rel=\"stylesheet\" type=\"text\/css\">\n        <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n        <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:ital,wght@0,100..900;1,100..900&#038;display=swap\" rel=\"stylesheet\">\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:ital,wght@0,100..900;1,100..900&#038;family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&#038;family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&#038;display=swap\" rel=\"stylesheet\">\n\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/p5.js\/1.10.0\/p5.js\"><\/script>\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/p5.js\/1.10.0\/addons\/p5.sound.min.js\"><\/script>\n   <\/head>\n        \n        <body>\n        <header id=\"information-page\">\n            <img loading=\"lazy\" decoding=\"async\" style=\"display:none\" src=\"images\/transmissions-tower.jpg\" width=\"800\" height=\"533\" alt=\"transmissions-tower\"\/>\n            <div id=\"nav-title\">EPD Labs<\/div>\n            <div class=\"header-circle\">\n                <a href=\"index.html\"><span><\/span><\/a>\n            <\/div>\n        <\/header>\n        <div class=\"title\">\n            <div id=\"EPD-UTC-full\"><\/div>\n            <div id=\"EPD-time\"><\/div>\n        <\/div>\n        <section class=\"title-nav\">\n            <aside>\n                <ul>\n                    <li class=\"dots zero\"><a id=\"zero-nav\" class=\"nav-text\" href=\"contact.html\"><div>Our Team<\/div><\/a><\/li>\n                <\/ul>\n                <ul>\n                    <li class=\"dots first\"><a id=\"first-nav\" class=\"nav-text\" href=\"information.html\"><div>Data API<\/div><\/a><\/li>\n                <\/ul>\n                <ul>\n                    <li class=\"dots second\"><a id=\"second-nav\" class=\"nav-text\" href=\"map.html\"><div>Funding and Sponsors<\/div><\/a><\/li>\n                <\/ul>\n                <ul>\n                    <li class=\"dots third\"><a id=\"third-nav\" class=\"nav-text\" href=\"abstracts.html\"><div>Collaborate with EPD<\/div><\/a><\/li>\n                <\/ul>\n                <ul>\n                    <li class=\"dots fourth\"><a id=\"fourth-nav\" class=\"nav-text\" href=\"speakers.html\"><div>Information<\/div><\/a><\/li>\n                <\/ul>\n                <ul>\n                    <li class=\"dots fifth\"><a id=\"fifth-nav\" class=\"nav-text\" href=\"contact.html\"><div>Projects<\/div><\/a><\/li>\n                <\/ul>\n            <\/aside>\n            <div id=\"p5-canvas-1\">\n                <a id=\"target-div\" href=\"#targetDiv\">\n                    <canvas id=\"fft-graph\" class=\"scroll-newsreel\">\n        \n                    <\/canvas>\n                <\/a>\n                <div class=\"text-box\">\n\t\t\t\t\t*The graph above isolates individual audio frequencies within a waveform by using a Fast Fourier Transform algorithm. The algorithm returns an array\n\t\t\t\t\tof values based on 1.) amplitude across time (in dark grey), and 2.) amplitude across audible frequencies (in pink). The audio track comes from the NASA Voyager Missions (1977 -), where the space probes recorded magnetic waves emanating from planetary bodies. The magnetic waves were later mapped into the corresponding audio frequencies\n\t\t\t\t\tthat we are hearing right now. To hear the full album <a href=\"https:\/\/archive.org\/details\/VoyagerRecordings-SymphoniesOfThePlanets15CompleteRecordings\" alt=\"NASA voyagers sounds\">click here<\/a>.\n                <\/div>\n            <\/div>\n        <\/section>\n        <section>\n        <div class=\"dashboard-title\">\n            <p>Project Dashboard<p>\n        <\/div>\n        <section id=\"tiles\">\n            <ul id=\"services-page-dash\" class=\"alignfull\">\n                <section id=\"services\">\n                    <div id=\"item-one\" class=\"service\">\n                        <div class=\"image\">\n                            <a>\n                                <img decoding=\"async\" src=\"https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/lightning-shooting-horizontal.jpg\" alt=\"lightning\"\/>\n                            <\/a>\n                            <div class=\"description\">\n                                <span class=\"service-title\">Dashboard Item 1<\/span>\n                              <p class=\"product-description\">A description of the tile here <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"item-two\" class=\"service\">\n                        <div class=\"image\">\n                            <a>\n                                <img decoding=\"async\" src=\"https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/transmissions-tower.jpg\" alt=\"transmissions-tower\"\/>\n                            <\/a>\n                            <div class=\"description\">\n                                <span class=\"service-title\">Dashboard Item 2<\/span>\n                              <p class=\"product-description\">A description of the tile here <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"item-three\" class=\"service\">\n                        <div class=\"image\">\n                            <a>\n                                <img decoding=\"async\" src=\"https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/light-bulb.jpg\"  alt=\"lightbulb\"\/>\n                            <\/a>\n                            <div class=\"description\">\n                                <span class=\"service-title\">Dashboard Item 3<\/span>\n                              <p class=\"product-description\">A description of the tile here <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"item-four\" class=\"service\">\n                        <div class=\"image\">\n                            <a>\n                                <img decoding=\"async\" src=\"https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/transformers.jpg\" alt=\"transformers\"\/><\/a>\n                            <div class=\"description\">\n                                <span class=\"service-title\">Dashboard Item 4<\/span>\n                              <p class=\"product-description\">A description of the tile here <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"item-five\" class=\"service\">\n                        <div class=\"image\">\n                            <a>\n                                <img decoding=\"async\" src=\"https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/lightning.jpg\" alt=\"lightning-clouds\"\/> \n                            <\/a>\n                            <div class=\"description\">\n                                <span class=\"service-title\">Dashboard Item 5<\/span>\n                              <p class=\"product-description\">A description of the tile here <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"item-six\" class=\"service\">\n                        <div class=\"image\">\n                            <a>\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/physics-and-atoms.jpg\" width=\"800\" height=\"533\" alt=\"\"\/>\t\n                            <\/a>\n                            <div class=\"description\">\n                                <span class=\"service-title\">Dashboard Item 6<\/span>\n                              <p class=\"product-description\">A description of the tile here <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                 <\/section>\n            <\/ul>\n        <\/section>\n        <footer>\n        <span>&copy; EPD LABS 2024 &nbsp;<span style=\"color:red\";>\/\/\/<\/span> <a style=\"text-decoration:none; color: rgba(148,122,153,1);\" >CONTACT THE TEAM<\/a><\/span>\n        <\/footer>\n    <\/body>\n<\/html>\n<script type=\"text\/javascript\" src=\"scripts\/script.js\"><\/script>\t\n<script>\nlet soundSample15s;\nlet fft;\nlet sound;\n\nfunction preload() {\n  soundSample15s = loadSound('https:\/\/justin.hakasays.com\/wp-content\/uploads\/2024\/09\/Saturns-rings-NASA-voyager-01-v2.mp3');\n}\n\nfunction setup() {\n  let cnv = createCanvas(1300,800, document.getElementById(\"fft-graph\"));\n  cnv.mouseClicked(togglePlay);\n  \n  fft = new p5.FFT();\n  \n  sound = soundSample15s;\n  sound.amp(0.8);\n}\n\nfunction draw() {\n  background(50);\n  for (let i = 0; i < height; i+=200) {\n\t  line(0,i,width,i);\n\t  for (let i =0; i < width; i+=200) {\n\t\t  line(i,0,i,height);\n\t  }\n  }\n   \n  \/\/ analyze = amplitude values along frequency domain - indices correspond to frequencies\/pitches in the audible spectrum\n  let spectrum = fft.analyze();\n  noStroke();\n  fill(255, 0, 255);\n  for (let i = 0; i < spectrum.length; i++) {\n    let x = map(i, 0, spectrum.length, 0, width);\n    let h = -height + map(spectrum[i], 0, 255, height, 0);\n    rect(x, height, width \/ spectrum.length, h);\n  }\n\n\t\n  \/\/ waveform = computes amplitude across time\n  let wave = fft.waveform();\n  noFill();\n  beginShape();\n  stroke(15);\n  for (let i = 0; i < wave.length; i++) {\n    let x = map(i, 0, wave.length, 0, width);\n    let y = map(wave[i], -1, 1, 0, height);\n    vertex(x,y);\n  }\n  endShape();\n  fill(240);\n  textSize(24);\n  text('Tap to Toggle Sound', 30, 30);\n}\n\nfunction togglePlay() {\n  if (sound.isPlaying()) {\n    sound.pause();\n  } else {\n    sound.loop();\n  }\n}\n\n\/\/ add clock and time\n\n(function() {\n\t\"use strict\";\n\t\ndocument.addEventListener('DOMContentLoaded', function() {\n\tvar c = document.getElementById('EPD-time');\n\tvar utc = document.getElementById('EPD-UTC-full');\n\t\n\t\/\/setInterval\n\tsetInterval(updateTime, 1000);\n\t\n\t\n\tfunction updateTime() {\n\t\tvar d = new Date();\n\t\tvar utcString = d.toUTCString();\n\t\t\n\t\tvar hours = d.getHours(),\n\t\t\tminutes = d.getMinutes(),\n\t\t\tampm = 'AM';\n\t\t\n\t\tif (hours > 12) {\n\t\t\thours -= 12;\n\t\t\tampm = 'PM'\n\t\t} else if (hours === 0) {\n\t\t\thours = 12;\n\t\t}\n\t\t\n\t\tif (minutes < 10) {\n\t\t\tminutes = '0' + minutes;\n\t\t}\n\t\t\n\t\t\n\t\tvar sepClass = '';\n\t\tif (d.getSeconds() % 2 === 1) sepClass = 'trans';\n\t\t\n\t\tvar sep = \"<span class='\" + sepClass + \"'>:<\/span>\";\n\n\t\t\/\/ set innerHTML\n\t\tvar charsToRemove = 12;\n\t\tvar utcTrim = utcString.slice(0,-charsToRemove);\n\t\t\n\t\tc.innerHTML = hours + sep + minutes + \" \" + ampm;\n\t\tutc.innerHTML = utcTrim;\n\t\t\t\n\t\t}\n\t});\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>EPD Labs Dashboard EPD Labs Our Team Data API Funding and Sponsors Collaborate with EPD Information Projects *The graph above isolates individual audio frequencies within a waveform by using a Fast Fourier Transform algorithm. The algorithm returns an array of values based on 1.) amplitude across time (in dark grey), and 2.) amplitude across audible [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":11,"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/justin.hakasays.com\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}