{"id":184,"date":"2024-02-27T14:34:50","date_gmt":"2024-02-27T13:34:50","guid":{"rendered":"https:\/\/trauma.empty.am\/?p=184"},"modified":"2024-02-27T14:34:50","modified_gmt":"2024-02-27T13:34:50","slug":"overthinking","status":"publish","type":"post","link":"https:\/\/trauma.empty.am\/?p=184","title":{"rendered":"Overthinking"},"content":{"rendered":"\n<style class=\"wpcode-css-snippet\">$font-size-root: 12px;\r\n$font-size-base: 1rem;\r\n$line-height-base: 1.4;\r\n\r\n$color-black: black;\r\n$color-white: white;\r\n$color-red: #c92b2b;\r\n\r\n$spacing: 2rem;\r\n$spacing-large: $spacing * 2;\r\n\r\n*,\r\n*:before,\r\n*:after {\r\n  box-sizing: inherit;\r\n}\r\n\r\nhtml {\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n  color: black;\r\n  background-color: white;\r\n  transition:\r\n    background-color 150ms ease-out,\r\n    color 150ms ease-out;\r\n}\r\n\r\n.dark {\r\n  color: white;\r\n  background-color: black;\r\n}\r\n\r\na {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  border-bottom: 1px solid;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    box-shadow: inset 0 -8px 0 $color-red;\r\n  }\r\n}\r\n\r\np {\r\n  opacity: .6;\r\n  margin: 0 0 .6rem 0;\r\n  transition: opacity 300ms ease-out;\r\n\r\n  &:hover {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.scene {\r\n  padding: $spacing-large $spacing;\r\n  max-width: 800px;\r\n}\r\n\r\n.actor {\r\n  font-size: 2rem;\r\n  display: flex;\r\n  margin-bottom: $spacing;\r\n\r\n  &:last-of-type {\r\n    margin-bottom: $spacing-large;\r\n  }\r\n}\r\n\r\n.actor__content {\r\n  flex-grow: 1;\r\n}\r\n\r\n@keyframes blink {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n.actor__content--typing::after {\r\n  content: '|';\r\n  animation: blink 500ms infinite;\r\n}<\/style>\n<script src=\"\/\/cdn.jsdelivr.net\/theaterjs\/latest\/theater.min.js\"><\/script>\n<main class=\"scene\">\n  <div class=\"actor\">\n    <div class=\"actor__prefix\">&#8211;<\/div>\n    <div id=\"id\" class=\"actor__content\"><\/div>\n  <\/div>\n\n  <div class=\"actor\">\n    <div class=\"actor__prefix\">&#8211;<\/div>\n    <div id=\"ego\" class=\"actor__content\"><\/div>\n  <\/div>\n<script>\/*\r\n * TheaterJS, a typing effect mimicking human behavior.\r\n *\r\n * Github repository: \r\n * https:\/\/github.com\/Zhouzi\/TheaterJS\r\n *\r\n *\/\r\n\r\nvar theater = theaterJS()\r\n\r\ntheater\r\n  .on('type:start, erase:start', function () {\r\n    theater.getCurrentActor().$element.classList.add('actor__content--typing')\r\n  })\r\n  .on('type:end, erase:end', function () {\r\n    theater.getCurrentActor().$element.classList.remove('actor__content--typing')\r\n  })\r\n  .on('type:start, erase:start', function () {\r\n    if (theater.getCurrentActor().name === 'id') {\r\n      document.body.classList.add('dark')\r\n    } else {\r\n      document.body.classList.remove('dark')\r\n    }\r\n  })\r\n\r\ntheater\r\n  .addActor('id', { speed: 0.9, accuracy: 1 })\r\n  .addActor('ego', { speed: 0.9, accuracy: 0.6 })\r\n  .addScene('id:You need the feeling of mountains in your life.', 400)\r\n  .addScene('ego:Really?', 800)\r\n  .addScene('id:You need the sense of freedom in your life.', 400)\r\n  .addScene('ego:Maybe... or maybe I need some rest.', 1000, -5, 'sex.', 1000)\r\n  .addScene('ego:Some cuddling and love.', 800)\r\n  .addScene('ego:Some indescribable attachment.', 800)\r\n  .addScene('id:Search your feelings.', 400, -9, 'or traumas.', 800)\r\n  .addScene('id:Search your inner self.', 800)\r\n  .addScene('id:You may find what you need within.', 1000)\r\n  .addScene('ego:Will I love...', -3, ' myself?', 400)\r\n  .addScene('ego:Will I fly higher than my needs?', 400)\r\n  .addScene('ego:Will I ever find what my heart desires?', 400)\r\n  .addScene('id:Davit.', 1500)\r\n  .addScene('id:You can do everything.', 400)\r\n  .addScene('id:You can start a fire and cry.', 800)\r\n  .addScene('id:You can enter the realm of satisfaction.', 800)\r\n  .addScene('id:You can return with flowers and peace.', 800)\r\n  .addScene('id:You can love and care.', 800)\r\n  .addScene('id:You can care and love.', 800)\r\n  .addScene('ego:Will I be loved and fucked?', 800)\r\n  .addScene('id:Who looks outside...', 1000, ' dreams.', 800)\r\n  .addScene('id:Who looks inside...', 1000, ' awakes.', 800)\r\n  .addScene('id:It is the only way.', 800)\r\n  .addScene('ego:It should be the only way.', 4000)\r\n  .addScene(theater.replay.bind(theater))<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8211; &#8211;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/trauma.empty.am\/index.php?rest_route=\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trauma.empty.am\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trauma.empty.am\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trauma.empty.am\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trauma.empty.am\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=184"}],"version-history":[{"count":2,"href":"https:\/\/trauma.empty.am\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/trauma.empty.am\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/trauma.empty.am\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trauma.empty.am\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trauma.empty.am\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}