import { View } from '@formidablejs/framework'
export class Welcome < View
def render
const locale = self.get('locale', config('app.locale', new String)).replace(/_/g, '-')
const title = config('app.name', 'Formidable')
title
<link rel='stylesheet' href='https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap'>
<style src="*">
<body[m:0 ff:Nunito]>
<div[pos:relative d:flex ji:center min-height:100vh bg:gray1 ai:center pt@sm:0]>
<div[max-width:72rem mx:auto px@sm:6 px@lg:8]>
<div[ta:center pt:-1 pt@sm:0 mb:10]>
<img[w:35] src="/formidable.png">
<div[mb:10]>
<h4[fs:1.5rem lh:2rem fw:lighter ta:center]>
"Yey! You have successfully created a new Formidable project."
<div[ml:5 fs:0.875rem lh:1.25rem ta:center c:gray5 ml@sm:0]>
"Formidable v{self.get('formidableVersion', 'undefined')} (Node {self.get('nodeVersion', 'undefined')})"