andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rebuild docs

Browse Source
This commit is contained in:
atomiks
2018-03-04 14:24:22 +10:00
parent 0ae32ee91f
commit b2fffb4ead
14 changed files with 298 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/js/components/CodepenCopy.js
View File

@ -2,27 +2,27 @@ import { selectAll } from '../deps/utils'
const snippets = selectAll('.snippet')
snippets.forEach(snippet => {
var codepenForm = document.createElement('form');
codepenForm.action = 'https://codepen.io/pen/define';
codepenForm.method = 'POST';
codepenForm.target = '_blank';
var codepenInput = document.createElement('input');
codepenInput.type = 'hidden';
codepenInput.name = 'data';
var codepenButton = document.createElement('button');
codepenButton.classList = 'btn is-large codepen-btn';
codepenButton.innerHTML = '<i data-feather="eye"></i>Edit on Codepen';
var css = snippet.querySelector('pre code.lang-css');
var html = snippet.querySelector('pre code.lang-html');
var js = snippet.querySelector('pre code.lang-js');
var codepenForm = document.createElement('form')
codepenForm.action = 'https://codepen.io/pen/define'
codepenForm.method = 'POST'
codepenForm.target = '_blank'
var codepenInput = document.createElement('input')
codepenInput.type = 'hidden'
codepenInput.name = 'data'
var codepenButton = document.createElement('button')
codepenButton.classList = 'btn is-large codepen-btn'
codepenButton.innerHTML = '<i data-feather="eye"></i>Edit on Codepen'
var css = snippet.querySelector('pre code.lang-css')
var html = snippet.querySelector('pre code.lang-html')
var js = snippet.querySelector('pre code.lang-js')
var data = {
css : css.textContent,
css: css.textContent,
title: snippet.querySelector('h3 > span').textContent,
html: html ? html.textContent : '',
js: js ? js.textContent : ''
}
codepenInput.value = JSON.stringify(data);
codepenForm.appendChild(codepenInput);
codepenForm.appendChild(codepenButton);
snippet.insertBefore(codepenForm, snippet.querySelector('.snippet-demo').nextSibling);
});
codepenInput.value = JSON.stringify(data)
codepenForm.appendChild(codepenInput)
codepenForm.appendChild(codepenButton)
snippet.insertBefore(codepenForm, snippet.querySelector('.snippet-demo').nextSibling)
})