updates

site/.env.example

@@ -1,13 +0,0 @@
-NODE_ENV=
-
-PORT=
-BASEURL=
-GITHUB_CLIENT_ID=
-GITHUB_CLIENT_SECRET=
-MAPBOX_ACCESS_TOKEN=
-
-PGHOST=hostname
-PGPORT=port
-PGUSER=username
-PGPASSWORD=password
-PGDATABASE=database_name

src/runtime/internal/style_manager.ts

@@ -34,6 +34,8 @@ export function create_rule(node: Element & ElementCSSInlineStyle, a: number, b:
 	const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = doc.head.appendChild(element('style') as HTMLStyleElement).sheet as CSSStyleSheet);
 	const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {});
 
+	console.log(doc, rule);
+	
 	if (!current_rules[name]) {
 		current_rules[name] = true;
 		stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
@@ -42,7 +44,10 @@ export function create_rule(node: Element & ElementCSSInlineStyle, a: number, b:
 	const animation = node.style.animation || '';
 	node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`;
 
+	console.log(node.style.animation, current_rules);
 	active += 1;
+	// debugger;
+
 	return name;
 }
 

src/runtime/transition/index.ts

@@ -102,7 +102,7 @@ interface SlideParams {
 
 export function slide(node: Element, {
 	delay = 0,
-	duration = 400,
+	duration = 40000,
 	easing = cubicOut
 }: SlideParams): TransitionConfig {
 	const style = getComputedStyle(node);
@@ -115,20 +115,35 @@ export function slide(node: Element, {
 	const border_top_width = parseFloat(style.borderTopWidth);
 	const border_bottom_width = parseFloat(style.borderBottomWidth);
 
+	
 	return {
 		delay,
 		duration,
 		easing,
-		css: t =>
+		css: t => {
-			`overflow-y: hidden;` +
+
-			`opacity: ${Math.min(t * 20, 1) * opacity};` +
+			// console.log(`overflow-y: hidden;` +
+			// `opacity: ${Math.min(t * 20, 1) * opacity};` + 
+			// `height: ${t * height}px;` +
+			// `padding-top: ${t * padding_top}px;` +
+			// `padding-bottom: ${t * padding_bottom}px;` +
+			// `margin-top: ${t * margin_top}px;` +
+			// `margin-bottom: ${t * margin_bottom}px;` +
+			// `border-top-width: ${t * border_top_width}px;` +
+			// `border-bottom-width: ${t * border_bottom_width}px;`+
+			// `border: 3px solid red`);
+			return `overflow-y: hidden;` +
+			`opacity: ${Math.min(t * 20, 1) * opacity};` + 
 			`height: ${t * height}px;` +
 			`padding-top: ${t * padding_top}px;` +
 			`padding-bottom: ${t * padding_bottom}px;` +
 			`margin-top: ${t * margin_top}px;` +
 			`margin-bottom: ${t * margin_bottom}px;` +
 			`border-top-width: ${t * border_top_width}px;` +
-			`border-bottom-width: ${t * border_bottom_width}px;`
+			`border-bottom-width: ${t * border_bottom_width}px;`+
+			`border: 3px solid red`;
+		}
+			
 	};
 }