Skip to content

Commit

Permalink
Merge v2.0 website back over legacy after being removed in merge
Browse files Browse the repository at this point in the history
  • Loading branch information
jimmybisenius committed Jan 16, 2021
1 parent 0263c47 commit 6a9fb43
Show file tree
Hide file tree
Showing 18 changed files with 252 additions and 157 deletions.
18 changes: 11 additions & 7 deletions www/layouts/default.vue
Original file line number Diff line number Diff line change
@@ -1,21 +1,22 @@
<template>
<div class="w-screen min-h-screen flex flex-col">
<a href="https://neutroncreative.com/">
<a href="/blog/planned-outage-01-15-21" style="z-index:99;">
<!--<a href="/blog/outage-report-10-29-20">-->
<div class="flex flex-row w-full bg-black items-center justify-center p-3">
<div class="w-full max-w-6xl flex-row flex items-center justify-center">
<img style="width: 80px;" class="mr-4" src="https://neutron.so/Sidebar-brandmark.svg"/>
<span class="text-gray-400 text-sm flex flex-row items-center justify-center hover:underline hover:text-white cursor-pointer">Singlelink is part of our mission to make the world open-source.<span class="font-bold text-white flex flew-col items-center justify-center ml-2">Read more <img src='/r-finger-emoji.svg' class="w-4 ml-2"/></span></span>
<!-- <span class="text-gray-400 text-sm flex flex-row items-center justify-center hover:underline hover:text-white cursor-pointer">Unfortunately, Singlelink experienced issues yesterday due to service provider outage from MongoDB Atlas.<span class="font-bold text-white ml-2">Read more 👉</span></span> -->
<!--<img style="width: 80px;" class="mr-4" src="https://neutron.so/Sidebar-brandmark.svg"/>
<span class="text-gray-400 text-sm flex flex-row items-center justify-center hover:underline hover:text-white cursor-pointer">Singlelink is part of our mission to make the world open-source.<span class="font-bold text-white flex flew-col items-center justify-center ml-2">Read more <img src='/r-finger-emoji.svg' class="w-4 ml-2"/></span></span>-->
<span class="text-gray-400 text-sm flex flex-row items-center justify-center hover:underline hover:text-white cursor-pointer text-center">Singlelink will have a brief outage between 6PM-7PM EST on 11/15/21 for an update.<span class="hidden font-bold text-white lg:flex flew-col items-center justify-center ml-2">Read more <img src='/r-finger-emoji.svg' class="w-4 ml-2"/></span></span>
<!-- <span class="text-gray-400 text-sm flex flex-row items-center justify-center hover:underline hover:text-white cursor-pointer">Unfortunately, Singlelink experienced issues yesterday due to service provider outage from MongoDB Atlas.<span class="font-bold text-white ml-2">Read more 👉</span></span> -->
</div>
</div>
</a>
<nav class="sticky top-0 z-50 flex flex-row p-3 border border-l-0 border-r-0 border-t-0 border-gray-200 bg-gray-100 items-center justify-center">
<nav style="background:rgba(255,255,255,.5);backdrop-filter:blur(5px);border-color:rgba(255,255,255,.15) !important;" class="sticky top-0 z-50 flex flex-row p-3 border border-l-0 border-r-0 border-t-0 items-center justify-center">
<div class="relative w-full max-w-6xl flex-row flex">
<n-link to="/" class="flex items-center justify-center lg:mr-40">
<img src="/singlelink-brandmark.svg"/>
</n-link>
<ul class="hidden md:flex flex-row text-gray-600 text-sm items-center justify-end ml-auto">
<ul class="hidden md:flex flex-row text-gray-700 text-sm items-center justify-end ml-auto">
<n-link to="/">
<li class="p-2 mr-2 hover:text-black cursor-pointer">Overview</li>
</n-link>
Expand Down Expand Up @@ -64,7 +65,7 @@
</a>
</ul>
</nav>
<Nuxt class="bg-gray-100 flex flex-grow w-full h-auto justify-start flex-col" />
<Nuxt class="bg-gray-100 flex flex-grow w-full h-auto justify-start flex-col" style="padding-top:73px;position:relative;transform:translateY(-73px);margin-bottom:-73px;" />
<footer class="bg-gray-100 border border-gray-200 border-l-0 border-r-0 border-b-0 p-10">
<!--<a href="https://beta-app.singlelink.co/create-account" class="mx-auto text-sm text-gray-600 text-center flex items-center justify-center">
<span class="p-2 mr-2 hover:text-gray-800 cursor-pointer flex-row items-center justify-center">Get access to Singlelink beta!<span class="ml-2">🤫</span></span>
Expand Down Expand Up @@ -93,6 +94,9 @@
</a>
<a href="https://status.singlelink.co">
<li class="p-2 mr-2 hover:text-gray-800 cursor-pointer">Status</li>
</a>
<a href="https://discord.com/invite/3pBM4Px">
<li class="p-2 mr-2 hover:text-gray-800 cursor-pointer">Support</li>
</a>
<a href="https://singlel.ink/analytics">
<li class="p-2 mr-2 hover:text-gray-800 cursor-pointer">Realtime Statistics</li>
Expand Down
16 changes: 8 additions & 8 deletions www/nuxt.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,15 +19,15 @@ export default {
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'A single link for everything. Build your profile in seconds and get started for free!' },
{ name: 'og:image', content: 'https://singlelink.co/open-graph-image.png' },
{ name: 'og:title', content: 'Singlelink - A single link for everything 🔗🔥' },
{ name: 'og:description', content: 'A single link for everything. Build your profile in seconds and get started for free!'},
{ name: 'twitter:image', content: 'https://singlelink.co/open-graph-image.png' },
{ name: 'twitter:title', content: 'Singlelink - A single link for everything 🔗🔥' },
{ name: 'twitter:description', content: 'A single link for everything. Build your profile in seconds and get started for free!'},
{ hid: 'description', name: 'description', content: 'Your beautiful & SEO optimized profile with a Singlelink for your social media bio. Create your free profile in seconds!' },
{ name: 'og:image', content: 'https://singlelink.co/open-graph-image-v2.png' },
{ name: 'og:title', content: 'Singlelink - There\'s a single link for everything 🔗🔥' },
{ name: 'og:description', content: 'Your beautiful & SEO optimized profile with a Singlelink for your social media bio. Create your free profile in seconds!'},
{ name: 'twitter:image', content: 'https://singlelink.co/open-graph-image-v2.png' },
{ name: 'twitter:title', content: 'Singlelink - There\'s a single link for everything 🔗🔥' },
{ name: 'twitter:description', content: 'Your beautiful & SEO optimized profile with a Singlelink for your social media bio. Create your free profile in seconds!'},
{ name: 'twitter:card', content: 'summary_large_image'},
{ hid: 'robots', name: 'robots', content: 'https://singlelink.co/robots.txt' }
{ hid: 'robots', name: 'robots', content: 'https://singlelink.co/robots.txt' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
Expand Down
2 changes: 1 addition & 1 deletion www/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "singlelink-website",
"version": "1.0.0",
"version": "2.0.2",
"private": true,
"scripts": {
"dev": "nuxt",
Expand Down
2 changes: 1 addition & 1 deletion www/pages/blog/outage-report-10-29-20.vue
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<p data-aos="fade-up" data-aos-duration="1000" class="text-2xl mb-6 text-gray-700">Learn more about our latest outage on Wednesday, October 28th, 2020, and what we're doing to mitigate events like these in the future.</p>
<section data-aos="fade-up" data-aos-duration="1000" class="py-8 text-left">
<div class="flex flex-wrap md:w-11/12 mx-auto">
<div class="w-full p-4 text-lg text-gray-700 leading-relaxed">
<div class="w-full p-4 text-lg text-gray-700 leading-loose">
As many of you noticed, Singlelink experienced an extended outage yesterday as a result of our service provider MongoDB Atlas failing to throttle another user properly on our shared database, leading to a rare cluster-wide crash that proved inoperable by several members staff for over 12 hours, despite it's critical status.<br/><br/>

Despite this, our team worked ruthlessly hard throughout the night and was able to finally obtain access to a backup after several hours and perform a manual restore onto an alternate service provider, being our trusted partners at <a href="https://digitalocean.com" class="font-medium text-indigo-600 hover:underline">DigitalOcean.</a><br/><br/>
Expand Down
77 changes: 77 additions & 0 deletions www/pages/blog/planned-outage-01-15-21.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<template>
<div class="flex flex-col items-center w-full">
<section class="flex flex-col p-8 md:p-20 w-full items-center">
<div class="flex flex-col w-full max-w-5xl text-center items-center">
<h1 data-aos="fade-up" data-aos-duration="1000" class="text-4xl md:text-6xl font-bold text-black mb-2">Planned outage 01/15/2021</h1>
<p data-aos="fade-up" data-aos-duration="1000" class="text-2xl mb-6 text-gray-700">Learn more about our planned outage on Thursday, January 15th, 2021.</p>
<section data-aos="fade-up" data-aos-duration="1000" class="py-8 text-left">
<div class="flex flex-wrap md:w-11/12 mx-auto">
<div class="w-full p-4 text-lg text-gray-700 leading-loose">
Later tonight (6PM EST), Singlelink will experience a brief planned outage (~1hr) while we initiate a major migration from v2.0 to v2.1, which includes large changes to our tech stack for better scalbility.

Most notably, we'll be switching to a much more secure build rebuilt from scratch from our CTO & Co-Founder Navid, including a migration from MongoDb to PostgreSQL, Javascript to Typescript, improved self-hosting cababilities & documentation, and so much more.

The outage shouldn't last long - however you may notice that your profile may not load for a short period of time (if you're depending on your profile today, <a class="text-indigo-600 hover:underline" href="https://discord.com/invite/3pBM4Px">DM me on Discord</a>), you may not be able to make changes for a brief period of time, or you might not be able to signup for an account.

Rest assured these issues are expected and will be resolved in a quick & orderly fashion, and we're always available if you need helo.

Thanks so much for using Singlelink, we appreciate every one of our community members helping us to make the world open-source.<br/><br/>

Sincerely,<br/>
Jim Bisenius<br/>
Founder & President of Neutron Creative | Maintainer @ Singlelink<br/>
Email: <a href="mailto:jim@neutroncreative.com" class="font-medium text-indigo-600 hover:underline">jim@neutroncreative.com</a><br/>
Phone Number: <a href="tel:+19196530790" class="font-medium text-indigo-600 hover:underline">(919) 653-0790</a>
</div>
</div>
</section>
</div>
</section>
</div>
</template>

<script>
export default {
head: {
title: 'Planned Outage - 01/15/20 - Singlelink',
meta: [
{
hid: 'og:title',
name: 'og:title',
content: 'Planned Outage - 01/15/20 - Singlelink'
},
{
hid: 'og:description',
name: 'og:description',
content: 'Learn more about our planned outage on Thursday, January 15th, 2021.'
},
{
hid: 'og:type',
name: 'og:type',
content: 'article'
},
{
hid: 'twitter:title',
name: 'twitter:title',
content: 'Planned Outage - 01/15/20 - Singlelink'
},
{
hid: 'twitter:description',
name: 'twitter:description',
content: 'Learn more about our planned outage on Thursday, January 15th, 2021.'
},
{
hid: 'twitter:type',
name: 'twitter:type',
content: 'article'
},
{
hid: 'description',
name: 'description',
content: 'Learn more about our planned outage on Thursday, January 15th, 2021.'
},
],
}
};
</script>
12 changes: 6 additions & 6 deletions www/pages/gallery.vue
Original file line number Diff line number Diff line change
Expand Up @@ -24,10 +24,10 @@
</div>
<div class="flex flex-col items-center justify-center w-full lg:w-1/3">
<div class="overflow-hidden phone-display" style="box-shadow: rgba(0,0,0,.2) -10px 15px 30px; transform: perspective(1040px) rotate(0deg) scale(0.65) rotateX(-2deg) rotateY(12deg) translateZ(10px);">
<iframe src="https://app.singlelink.co/u/daje"></iframe>
<iframe src="https://app.singlelink.co/u/gloomytoons"></iframe>
</div>
<a style="margin-top:-85px;" class="font-medium text-sm text-indigo-600 hover:undeline" href="https://app.singlelink.co/u/daje">https://singlel.ink/u/daje</a>
<span class="text-gray-500 font-medium text-sm">Daje</span>
<a style="margin-top:-85px;" class="font-medium text-sm text-indigo-600 hover:undeline" href="https://app.singlelink.co/u/gloomytoons">https://singlel.ink/u/gloomytoons</a>
<span class="text-gray-500 font-medium text-sm">Gloomytoons</span>
</div>
</div>
<div class="flex flex-col lg:flex-row space-y-4 lg:space-y-0 lg:space-x-4 w-full">
Expand All @@ -47,10 +47,10 @@
</div>
<div class="flex flex-col items-center justify-center w-full lg:w-1/3 space-y-2">
<div class="overflow-hidden phone-display" style="box-shadow: rgba(0,0,0,.2) -10px 15px 30px; transform: perspective(1040px) rotate(0deg) scale(.65) rotateX(-2deg) rotateY(12deg) translateZ(10px);">
<iframe src="https://singlel.ink/u/gloomytoons"/>
<iframe src="https://singlel.ink/u/daje"/>
</div>
<a style="margin-top:-85px;" class="font-medium text-sm text-indigo-600 hover:underline" href="https://singlel.ink/u/gloomytoons">https://singlel.ink/u/gloomytoons</a>
<span class="text-gray-500 font-medium text-sm">Gloomytoons</span>
<a style="margin-top:-85px;" class="font-medium text-sm text-indigo-600 hover:underline" href="https://singlel.ink/u/daje">https://singlel.ink/u/daje</a>
<span class="text-gray-500 font-medium text-sm">Daje</span>
</div>
</div>
<div class="flex flex-col lg:flex-row space-y-4 lg:space-y-0 lg:space-x-4 w-full">
Expand Down
Loading

0 comments on commit 6a9fb43

Please sign in to comment.