white elephant gift 2021 -- for amphi
administrator
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In nulla posuere sollicitudin aliquam. Et tortor consequat id porta. Penatibus et magnis dis parturient montes nascetur ridiculus mus mauris. Nulla aliquet porttitor lacus luctus accumsan tortor posuere. Aliquet risus feugiat in ante metus dictum at tempor commodo. Morbi tristique senectus et netus et malesuada fames ac. Convallis convallis tellus id interdum velit. Semper viverra nam libero justo laoreet sit amet cursus. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Ac tortor vitae purus faucibus. Varius vel pharetra vel turpis nunc eget lorem dolor. Id leo in vitae turpis massa sed elementum. Placerat duis ultricies lacus sed turpis tincidunt id aliquet risus. Enim ut sem viverra aliquet eget sit amet tellus cras. Egestas pretium aenean pharetra magna ac placerat vestibulum. Maecenas sed enim ut sem viverra aliquet eget. Consectetur a erat nam at lectus. Proin fermentum leo vel orci.
Dictum sit amet justo donec enim diam vulputate. Non consectetur a erat nam at lectus. Mattis nunc sed blandit libero volutpat sed cras. In nibh mauris cursus mattis molestie a iaculis. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Cursus in hac habitasse platea dictumst quisque sagittis purus. Adipiscing commodo elit at imperdiet dui accumsan sit amet. Facilisis sed odio morbi quis commodo odio aenean sed adipiscing. Facilisis volutpat est velit egestas dui id. Risus nec feugiat in fermentum posuere urna nec tincidunt. Aliquam id diam maecenas ultricies mi eget mauris pharetra. Iaculis nunc sed augue lacus viverra. Nunc sed blandit libero volutpat. Tellus elementum sagittis vitae et leo duis. Sem integer vitae justo eget magna fermentum iaculis eu. Tellus rutrum tellus pellentesque eu. Viverra accumsan in nisl nisi. Ipsum dolor sit amet consectetur adipiscing elit ut aliquam purus. Neque sodales ut etiam sit amet nisl. Convallis posuere morbi leo urna molestie. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo. Facilisis volutpat est velit egestas dui id ornare arcu. Iaculis at erat pellentesque adipiscing. Aliquet enim tortor at auctor urna nunc. Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Lacus vestibulum sed arcu non odio euismod lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada. Nec nam aliquam sem et tortor consequat. art by --- | code by bean <style>@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital@0;1&display=swap'); @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,600;1,600&display=swap'); .simmer-container { width: 550px; box-sizing: border-box; background-size: cover; margin: 0 auto; } .simmer-text { position: relative; width: 100%; margin: 0 auto; padding: 20px; box-sizing: border-box; display: inline-block; margin-right: -1em; text-align: justify; color: #CEE4F0; font: 11.5px/1.5 'vollkorn'; float: left; margin-bottom: 10px; margin-top: 10px; text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } .simmer-icon { width: 200px; height: 200px; float: right; display: inline-block; margin-left: 2em; margin-bottom: 1em; background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/697c7bcb-05ff-40de-b874-6a49d83a0975/devke6z-ae69603a-0652-4529-ac5c-6f830e73eea6.png/v1/fill/w_1050,h_761,q_70,strp/f6ewldg_by_amphispiza_devke6z-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTI4IiwicGF0aCI6IlwvZlwvNjk3YzdiY2ItMDVmZi00MGRlLWI4NzQtNmE0OWQ4M2EwOTc1XC9kZXZrZTZ6LWFlNjk2MDNhLTA2NTItNDUyOS1hYzVjLTZmODMwZTczZWVhNi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.PAsLEd2IiF16OxJmMIEeB3P8hINhE8_bj53BOTcCRAs'); background-position: 100% 30%; background-size: 70em; border: 2px solid #E79A17; transition: 2s ease; } .simmer-text:hover .simmer-icon { background-position: 60% 30%; transition: 2s ease; } .simmer-text b { font-size: 12.5px; font-family: 'eb garamond'; letter-spacing: 1px; color: #FE8C0C; animation: cairo 3s linear infinite alternate; } @keyframes cairo { 0% {color: #FE8C0C;} 50% {color: #FABF00;} 100% {color: #CFCB67;} } .simmer-bottom-banner { width: 100%; height: 100px; clear: both; background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/697c7bcb-05ff-40de-b874-6a49d83a0975/devke6z-ae69603a-0652-4529-ac5c-6f830e73eea6.png/v1/fill/w_1050,h_761,q_70,strp/f6ewldg_by_amphispiza_devke6z-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTI4IiwicGF0aCI6IlwvZlwvNjk3YzdiY2ItMDVmZi00MGRlLWI4NzQtNmE0OWQ4M2EwOTc1XC9kZXZrZTZ6LWFlNjk2MDNhLTA2NTItNDUyOS1hYzVjLTZmODMwZTczZWVhNi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.PAsLEd2IiF16OxJmMIEeB3P8hINhE8_bj53BOTcCRAs'); background-position: -10em 100%; border-top: 2px solid #E79A17; } .simmer-top-banner { width: 100%; height: 100px; clear: both; background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/697c7bcb-05ff-40de-b874-6a49d83a0975/devke6z-ae69603a-0652-4529-ac5c-6f830e73eea6.png/v1/fill/w_1050,h_761,q_70,strp/f6ewldg_by_amphispiza_devke6z-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTI4IiwicGF0aCI6IlwvZlwvNjk3YzdiY2ItMDVmZi00MGRlLWI4NzQtNmE0OWQ4M2EwOTc1XC9kZXZrZTZ6LWFlNjk2MDNhLTA2NTItNDUyOS1hYzVjLTZmODMwZTczZWVhNi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.PAsLEd2IiF16OxJmMIEeB3P8hINhE8_bj53BOTcCRAs'); background-position: 50em 0em; border-bottom: 2px solid #E79A17; }</style>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus sed turpis tincidunt id aliquet risus. Viverra mauris in aliquam sem fringilla ut morbi tincidunt. Ante in nibh mauris cursus. Egestas purus viverra accumsan in nisl. Sed vulputate mi sit amet mauris. Elit sed vulputate mi sit amet mauris commodo. Velit ut tortor pretium viverra suspendisse. Cras fermentum odio eu feugiat pretium nibh. Nulla at volutpat diam ut venenatis tellus in metus. Facilisis magna etiam tempor orci. Vulputate sapien nec sagittis aliquam. Vulputate eu scelerisque felis imperdiet. Risus nullam eget felis eget nunc. Ac placerat vestibulum lectus mauris ultrices eros. Nunc sed augue lacus viverra vitae. Erat imperdiet sed euismod nisi porta. Maecenas volutpat blandit aliquam etiam erat velit. Justo eget magna fermentum iaculis.
A cras semper auctor neque. Ultricies tristique nulla aliquet enim tortor. Nullam non nisi est sit amet facilisis magna etiam tempor. Donec ac odio tempor orci. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Fames ac turpis egestas integer. Magna sit amet purus gravida quis blandit turpis cursus in. Ut sem viverra aliquet eget sit amet. Laoreet non curabitur gravida arcu ac. Molestie at elementum eu facilisis sed odio. Blandit massa enim nec dui nunc mattis enim. Ante metus dictum at tempor commodo ullamcorper a lacus vestibulum. Egestas sed sed risus pretium quam vulputate dignissim. Amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Semper quis lectus nulla at volutpat diam ut. Turpis egestas integer eget aliquet nibh praesent tristique magna sit. Suscipit adipiscing bibendum est ultricies integer. Velit dignissim sodales ut eu. Cursus euismod quis viverra nibh cras pulvinar mattis. Cursus in hac habitasse platea. Tortor posuere ac ut consequat semper viverra nam. Id faucibus nisl tincidunt eget nullam non nisi est. Tellus mauris a diam maecenas sed enim ut. Sem nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Odio facilisis mauris sit amet. art by --- | code by bean <style>@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Serif+Pro:ital,wght@0,300;0,400;1,300&display=swap'); .petrichor-container { width: 570px; height: 400px; position: relative; background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/697c7bcb-05ff-40de-b874-6a49d83a0975/deus43v-a1c81e6c-50df-4d63-826f-618bdffe51ab.png/v1/fill/w_1063,h_752,strp/thea_cold_by_amphispiza_deus43v-pre.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTA1IiwicGF0aCI6IlwvZlwvNjk3YzdiY2ItMDVmZi00MGRlLWI4NzQtNmE0OWQ4M2EwOTc1XC9kZXVzNDN2LWExYzgxZTZjLTUwZGYtNGQ2My04MjZmLTYxOGJkZmZlNTFhYi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.bWJa3lB3LjDnDCkgKJT0_Dt5ocohIImzyynggtJnZuk'); background-size: cover; margin: 0 auto; border: 5px solid #000; display: flex; } .petrichor-blackbox { width: 100%; height: 100%; position: absolute; background-color: #000; opacity: 0; z-index: 0; transition: 10s ease-in; } .petrichor-container:hover .petrichor-blackbox { opacity: 1; transition: 3s ease-in; } .petrichor-container:hover .petrichor-iconbox { opacity: 1; transition: 3s ease-in; transition-delay: 3s; } .petrichor-container:hover .petrichor-textbox { opacity: 1; transition: 3s ease-in; transition-delay: 5s; } .petrichor-iconbox { width: 40%; height: 100%; position: relative; overflow: hidden; opacity: 0; transition: 4s ease-in; } .petrichor-iconbox::before { content: ""; position: absolute; top: -50%; left: -50%; width: 250%; height: 240%; z-index: 0; background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/697c7bcb-05ff-40de-b874-6a49d83a0975/deus43v-a1c81e6c-50df-4d63-826f-618bdffe51ab.png/v1/fill/w_1063,h_752,strp/thea_cold_by_amphispiza_deus43v-pre.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTA1IiwicGF0aCI6IlwvZlwvNjk3YzdiY2ItMDVmZi00MGRlLWI4NzQtNmE0OWQ4M2EwOTc1XC9kZXVzNDN2LWExYzgxZTZjLTUwZGYtNGQ2My04MjZmLTYxOGJkZmZlNTFhYi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.bWJa3lB3LjDnDCkgKJT0_Dt5ocohIImzyynggtJnZuk'); background-position: -350px -100px; transform: rotate(-90deg); } .petrichor-textbox { position: relative; z-index: 999; width: 60%; height: 100%; padding: 50px; box-sizing: border-box; opacity: 0; transition: 2s ease-in; } .petrichor-text { width: 100%; height: 100%; overflow: scroll; overflow-x: hidden; color: #fff; font: 9px/1.5 'source serif pro'; font-weight: 300; letter-spacing: 1.3px; text-align: justify; z-index: 1; padding-right: 10px; } .petrichor-text b { color: #72CCDC; } .petrichor-text::-webkit-scrollbar { width: 1px; } .petrichor-text::-webkit-scrollbar-track { background: none; border: none; } .petrichor-text::-webkit-scrollbar-thumb { background: #fff; }</style> |
Users browsing this thread: 1 Guest(s)
