Skip to content

Instantly share code, notes, and snippets.

View trys's full-sized avatar
🤓
🚀

Trys Mudford trys

🤓
🚀
View GitHub Profile
@trys
trys / header.html
Created April 10, 2019 18:54
Sergey - Header
<header>
<nav>
<a href="/">Home</a>
</nav>
</header>
@trys
trys / index.html
Last active April 29, 2019 12:47
Sergey - Import
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our lil' website</title>
</head>
<body>
<sergey-import src="header" />
@trys
trys / package.json
Created April 10, 2019 19:02
Sergey - Package
{
"name": "sergey-test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "sergey",
"dev": "sergey --watch"
},
"keywords": [],
@trys
trys / head.html
Created April 10, 2019 19:26
Sergey - Slots example
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/assets/css/style.css" />
<title>Our website title</title>
@trys
trys / head.html
Created April 10, 2019 19:28
Sergey - Slots 2
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/assets/css/style.css" />
<sergey-slot />
@trys
trys / index.html
Created April 10, 2019 19:35
Sergey - Slots 3
<!DOCTYPE html>
<html>
<head>
<sergey-import src="head">
<title>Our custom page title</title>
</sergey-import>
</head>
@trys
trys / head.html
Created April 10, 2019 19:40
Sergey - Slots 4
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/assets/css/style.css" />
<sergey-slot>
<title>My default title</title>
</sergey-slot>
@trys
trys / template.html
Created April 10, 2019 19:48
Sergey template
<!DOCTYPE html>
<html>
<head>
<sergey-import src="head">
<title>Title</title>
</sergey-import>
</head>
<body>
@trys
trys / index.html
Created April 10, 2019 19:53
Sergey - Template 2
<sergey-import src="template">
<p>Our page-specific content gets surrounded by the template automatically!</p>
</sergey-import>
@trys
trys / index.html
Last active April 14, 2019 19:36
Named slots - 2
<sergey-import src="card">
<sergey-template name="title">Blog post #1</sergey-template>
<sergey-template name="author">
<a href="/trys">Trys</a>
</sergey-template>
</sergey-import>