A social platform for real people and real pictures.
At MyPixl, we live by a simple motto: see it to believe it. Each MyPixl post is simple and contains just a photo and a caption. Whether you’re an aspiring photographer, or just want to share your vacation photos, MyPixl is the place for you. Simple, elegant, and personal.
Post Template
<div style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';--rounded:0.5rem;--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--heart-icon:url('https://api.iconify.design/ph:heart-bold.svg');--comment-icon:url('https://api.iconify.design/ph:chat-circle-bold.svg');--share-icon:url('https://api.iconify.design/ph:share-network-bold.svg');--bookmark-icon:url('https://api.iconify.design/ph:bookmark-simple-bold.svg');--more-icon:url('https://api.iconify.design/ph:dots-three-outline-vertical-fill.svg')"><div style="display:grid;grid-template-columns:4em 1fr;grid-template-rows:4em 1fr auto;box-shadow:var(--shadow);border-radius:var(--rounded);border:1px solid rgb(0 0 0 / .2);width:fit-content"><div style="display:flex;padding:.5rem"><div style="border-radius:50%;padding:0;overflow:hidden">
<img src="{{URL OF PROFILE PICTURE}}" alt="Profile Picture">
</div></div><div style="display:flex;align-items:center;padding:1rem">
<strong>{{NAME OF POSTER}}</strong>
</div><div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1.5em"><div style="--icon:var(--heart-icon);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.5em;height:1.5em"><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0">Love</span></div><div style="--icon:var(--comment-icon);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.5em;height:1.5em"><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0">Comment</span></div><div style="--icon:var(--share-icon);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.5em;height:1.5em"><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0">Share</span></div><div style="--icon:var(--bookmark-icon);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.5em;height:1.5em"><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0">Bookmark</span></div><div style="--icon:var(--more-icon);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.5em;height:1.5em"><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0">More</span></div></div><div style="display:flex;padding:.5rem">
<img src="{{URL OF POSTED IMAGE}}" alt="Posted Image">
</div><div></div><div style="padding:.5rem">
<p style="margin-bottom:0">{{CAPTION OF POST}}</p><p>
<span style="margin-top:.5em;font-size:.8em;color:#ff4a91">{{#HASHTAG #ANOTHER_HASHTAG #ETC}}</span>
</p><hr>
<p><strong>{{COMMENTER 1}}</strong> {{COMMENT 1}}</p>
<p><strong>{{COMMENTER 2}}</strong> {{COMMENT 2}}</p>
<p><strong>{{COMMENTER 3}}</strong> {{COMMENT 3}}</p>
</div></div></div>
Sample Post
{{NAME OF POSTER}}
{{CAPTION OF POST}}
{{#HASHTAG #ANOTHER_HASHTAG #ETC}}
{{COMMENTER 1}} {{COMMENT 1}}
{{COMMENTER 2}} {{COMMENT 2}}
{{COMMENTER 3}} {{COMMENT 3}}
