Hugging Face's logo

Spaces:
DMTuit
/
psy_vk2
Sleeping

App Files Community
psy_vk2
File size: 3,909 Bytes 
07ad313
 
 
 
 
 
 
 
 
d8142db
e979aa5
07ad313
 
e979aa5
 
 
07ad313
 
e979aa5
07ad313
 
724e475
 
 
 
 
07ad313
 
9c8ed76
07ad313
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
724e475
07ad313
 
724e475
 
07ad313
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d673ba6
 
 
 
 
 
 
 
07ad313
 
 
 
 
 
 
 
 
 
 
724e475
e59cbfc
07ad313
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

	<title></title>

	<!-- GrapeJs -->
	<link rel="stylesheet" href="https://unpkg.com/grapesjs">
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/js/grapes.min.js"></script>
	
	<!-- UIKit -->
	<link rel="stylesheet" href="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/css/uikit.min.css" />
    <script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit.min.js"></script>
    <script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit-icons.js"></script>

    <!-- Style -->
	<link rel="stylesheet" href="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/css/style.css">

	<!-- Plugins -->
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/custom-page-manager.js"></script>
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/custom-code-editor.js"></script>
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/customize-devices.js"></script>
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/customize-options.js"></script>
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/plugins/customize-views.js"></script>

	<!-- JQuery -->
	<!--  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> -->
</head>
<body>
	<div id="gjs"></div>
	
	<!--Script  -->
	<script type="text/javascript">
		const categories = {
	 		'layout': 'Layout <span class="gjs-title-tags">Elements</span>',
	 		'basic': 'Basic <span class="gjs-title-tags">Elements</span>',
	 		'typography': 'Typography <span class="gjs-title-tags">Elements</span>',
	 		'media': 'Media <span class="gjs-title-tags">Elements</span>',
	 		'components': 'Components <span class="gjs-title-tags">Layout structure</span>',
	 		'pages': 'Pages <span class="gjs-title-tags">Fully constructed layouts</span>',
	 		'uikit': 'UIKit Component <a target="_blank" href="https://getuikit.com/docs/accordion">UIKit Doc</a>',
	 		'mylinkpreview': '<a target="_blank" href="https://mylinkpreview.com/">MylinkPreview</a> Blocks'
	 	}

	 	const editor = grapesjs.init({
	 		container : '#gjs',
	 		height: '100vh',
			
			canvas: {
				styles: [
					'https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/css/uikit.min.css',
				],
			 	scripts: [
			 		'https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit.min.js',
			 		'https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/assets%20/uikit-3.3.3%20/js/uikit-icons.min.js'
			 	]
			},
			
			plugins: [
				'customPageManager',
				'customCodeEditor',
				'customizeDevices',
				'customizeOptions',
				'customizeViews',
				// Plugin temporary code
				editor => {

				},
			],

			storageManager: {
				type: 'remote',
				autosave: false,         // Store data automatically
				stepsBeforeSave: 1,
				contentTypeJson: true,
				urlStore: 'https://dmtuit-psy-vk2.hf.space/storage/save',
				urlLoad: 'https://dmtuit-psy-vk2.hf.space/storage/save',
			}

			// Disable the storage manager for the moment
  			// storageManager: false,
	 	});

	 	// Vars for other scripts like pages.js, elements.js
	 	const blockManager = editor.BlockManager;
	 	const commands = editor.Commands;
	</script>

	<!-- Blocks -->
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/blocks/pages.js"></script>
	<script src="https://huggingface.co/spaces/DMTuit/psy_vk2/resolve/main/editor%20/blocks/elements.js"></script>
</body>
</html>