{"id":878,"date":"2025-10-11T14:33:35","date_gmt":"2025-10-11T12:33:35","guid":{"rendered":"https:\/\/www.eclephsia.com\/?post_type=artists&#038;p=878"},"modified":"2025-10-18T17:06:27","modified_gmt":"2025-10-18T15:06:27","slug":"anna-makela","status":"publish","type":"artists","link":"https:\/\/www.eclephsia.com\/index.php\/artists\/anna-makela\/","title":{"rendered":"Anna M\u00e4kel\u00e4"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Biography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Anna M\u00e4kel\u00e4 is an animator working with artistic projects and design. She is drawn to mood, personality, and a strong style over perfection. She often works intuitively and enjoys when the outcome feels a little bit unexpected. Sound and music are a big part of how she thinks \u2014 lately, she has been creating her own soundtracks and letting them influence the visuals. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Her ideas come from everywhere: memories, conversations with friends, things she sees on the street, pop culture, and music.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/promo_p-1-1024x1024.jpeg\" alt=\"\" class=\"wp-image-879\" style=\"width:334px;height:auto\" srcset=\"https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/promo_p-1-1024x1024.jpeg 1024w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/promo_p-1-300x300.jpeg 300w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/promo_p-1-150x150.jpeg 150w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/promo_p-1-768x768.jpeg 768w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/promo_p-1.jpeg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<nav class=\"menu\">\n  <ul>\n    <li><a href=\"https:\/\/www.instagram.com\/annamakeela\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/li>\n  <\/ul>\n<\/nav>\n\n\n\n<h2 class=\"wp-block-heading\">Spotlight<\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image alignleft size-large is-resized\"><a href=\"https:\/\/annamakelaa.myportfolio.com\/labyrinth\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1116\" height=\"837\" src=\"https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/29fcfb17-d42f-4dd9-b847-3142922d2dae_rw_1920-1-edited-1.webp\" alt=\"\" class=\"wp-image-882\" style=\"width:380px;height:auto\" srcset=\"https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/29fcfb17-d42f-4dd9-b847-3142922d2dae_rw_1920-1-edited-1.webp 1116w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/29fcfb17-d42f-4dd9-b847-3142922d2dae_rw_1920-1-edited-1-300x225.webp 300w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/29fcfb17-d42f-4dd9-b847-3142922d2dae_rw_1920-1-edited-1-1024x768.webp 1024w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/29fcfb17-d42f-4dd9-b847-3142922d2dae_rw_1920-1-edited-1-768x576.webp 768w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The labyrinth <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;The Labyrinth&#8221; is a short story created for and exhibited at&nbsp;<em>&#8220;Panoptes&#8221;<\/em>&nbsp;group exhibition, organized by Eclephsia collective in Les Amarres, Paris, 26.4.2025. The exhibitions theme was surveillance.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><a href=\"https:\/\/annamakelaa.myportfolio.com\/joutomaaurban-wildscapes\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/anna-2-1-1024x576.png\" alt=\"\" class=\"wp-image-883\" style=\"width:458px;height:auto\" srcset=\"https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/anna-2-1-1024x576.png 1024w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/anna-2-1-300x169.png 300w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/anna-2-1-768x432.png 768w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/anna-2-1-1536x864.png 1536w, https:\/\/www.eclephsia.com\/wp-content\/uploads\/2025\/10\/anna-2-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading has-text-align-left\">Joutomaa<\/h3>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">\u201dJoutomaa\u201d (translation: urban wildscape or&nbsp;wasteland)&nbsp;is a VJ-performance&nbsp;about&nbsp;urban nature. <\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">The performance moves inside a 3D landscape where nature and built environment intersect.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Portfolio<\/h2>\n\n\n\n<style>\n  \/* Center container *\/\n  .cta-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 60px 0;\n  }\n\n  \/* Striking artistic CTA button *\/\n  .cta-button {\n    display: inline-block;\n    font-family: 'Courier New', monospace;\n    font-size: 18px;\n    font-weight: 600;\n    color: #f9f9f9;\n    background: linear-gradient(135deg, #0f0f0f 0%, #ffffff 40%, #7f7f7f 100%);\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 50px; \/* pill shape *\/\n    padding: 16px 48px;\n    text-align: center;\n    text-decoration: none;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1),\n                inset 0 0 12px rgba(255, 255, 255, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.4s ease;\n    animation: slowDrift 6s ease-in-out infinite;\n  }\n\n  \/* Hover: glowing aura and metallic shift *\/\n  .cta-button:hover {\n    background: linear-gradient(135deg, #ffffff 0%, #cfcfcf 40%, #444 100%);\n    color: #000;\n    border-color: #fff;\n    box-shadow: 0 0 25px rgba(255, 255, 255, 0.5),\n                inset 0 0 20px rgba(255, 255, 255, 0.2);\n    transform: translateY(-4px) scale(1.05);\n  }\n\n  \/* Active press *\/\n  .cta-button:active {\n    transform: scale(0.97);\n    opacity: 0.9;\n  }\n\n  \/* Subtle floating animation *\/\n  @keyframes slowDrift {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n  }\n\n  \/* White flickering edge aura *\/\n  .cta-button::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle at center, rgba(255,255,255,0.15) 0%, transparent 60%);\n    animation: flicker 4s infinite ease-in-out;\n  }\n\n  @keyframes flicker {\n    0%, 100% { opacity: 0.3; transform: rotate(0deg) scale(1); }\n    50% { opacity: 0.6; transform: rotate(3deg) scale(1.05); }\n  }\n<\/style>\n\n<!-- Button -->\n<div class=\"cta-container\">\n  <a href=\"https:\/\/annamakelaa.myportfolio.com\/anna-makela\" class=\"cta-button\" target=\"_blank\" rel=\"noopener\">\n     Immerse Yourself In Anna&#8217;s Mind\n  <\/a>\n<\/div>\n\n\n\n<style>\n  \/* Center the button container *\/\n  .cta-container {\n    display: flex; \/* Flexbox for alignment *\/\n    justify-content: center; \/* Center horizontally *\/\n    align-items: center; \/* Center vertically (optional) *\/\n    margin: 20px 0; \/* Add some vertical spacing *\/\n  }\n\n  \/* Cartoon-like button styles *\/\n  .cta-button {\n    display: inline-block;\n    font-family: 'Comic Sans MS', cursive, sans-serif; \/* Add a playful font *\/\n    font-size: 20px;\n    font-weight: bold;\n    color: #fff;\n    background: linear-gradient(145deg, #f542c5, #42a7f5); \/* Vibrant gradient colors *\/\n    border: 4px solid #000; \/* Thick black border for a cartoony look *\/\n    border-radius: 10px; \/* Rounded corners *\/\n    padding: 15px 30px; \/* Adjust padding for size *\/\n    text-align: center;\n    text-decoration: none;\n    box-shadow: 6px 6px 0 #000; \/* Bold shadow for depth *\/\n    transition: all 0.09s ease; \/* Smooth hover effect *\/\n    cursor: pointer;\n  }\n\n  \/* Hover effect for the button *\/\n  .cta-button:hover {\n    transform: scale(1.1); \/* Slight zoom-in effect *\/\n    box-shadow: 6px 6px 0 #000; \/* Stronger shadow *\/\n    background: linear-gradient(145deg, #42a7f5, #f542c5); \/* Inverted gradient *\/\n  }\n\n  \/* Focus\/Active state for accessibility *\/\n  .cta-button:active {\n    transform: scale(0.95); \/* Slight press-in effect *\/\n    box-shadow: 2px 2px 0 #000; \/* Reduce shadow *\/\n  }\n\n  \/* Add bounce animation *\/\n  .cta-button {\n    animation: bounce 1.5s infinite;\n  }\n\n  @keyframes bounce {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-10px);\n    }\n  }\n<\/style>\n\n<!-- Button HTML -->\n<div class=\"cta-container\">\n  <a href=\"https:\/\/www.eclephsia.com\/index.php\/artists-repertoire\/\" class=\"cta-button\">Discover other artists<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Biography Anna M\u00e4kel\u00e4 is an animator working with artistic projects and design. She is drawn to mood, personality, and a strong style over perfection. She often works intuitively and enjoys when the outcome feels a little bit unexpected. Sound and music are a big part of how she thinks \u2014 lately, she has been creating [&hellip;]<\/p>\n","protected":false},"template":"","class_list":["post-878","artists","type-artists","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.eclephsia.com\/index.php\/wp-json\/wp\/v2\/artists\/878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eclephsia.com\/index.php\/wp-json\/wp\/v2\/artists"}],"about":[{"href":"https:\/\/www.eclephsia.com\/index.php\/wp-json\/wp\/v2\/types\/artists"}],"wp:attachment":[{"href":"https:\/\/www.eclephsia.com\/index.php\/wp-json\/wp\/v2\/media?parent=878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}