Skip to content

Commit e5fdbe0

Browse files
jasonvargajackmcdade
jasonvarga
and
jackmcdade
authored
Tweaks (#35)
Co-authored-by: Jack McDade <[email protected]>
1 parent df39eb3 commit e5fdbe0

File tree

5 files changed

+132
-10
lines changed

5 files changed

+132
-10
lines changed

‎config/statamic/cp.php

-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,6 @@
3939

4040
'widgets' => [
4141
'welcome',
42-
'getting_started',
4342
[
4443
'title' => 'Latest Articles',
4544
'type' => 'collection',

‎public/vendor/app/js/cp.js

+24-2
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,32 @@ var __webpack_exports__ = {};
33
/*!****************************!*\
44
!*** ./resources/js/cp.js ***!
55
\****************************/
6-
// Pre-populate login creds
6+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
7+
8+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9+
10+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11+
12+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
13+
14+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
15+
16+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
17+
718
document.addEventListener("DOMContentLoaded", function (event) {
19+
var _welcome$classList;
20+
21+
// Pre-populate login creds
822
document.querySelector('.outside #input-email').value = "[email protected]";
9-
document.querySelector('.outside #input-password').value = "secretsecrets";
23+
document.querySelector('.outside #input-password').value = "secretsecrets"; // Add welcome message
24+
25+
var welcome = document.createElement('div');
26+
27+
(_welcome$classList = welcome.classList).add.apply(_welcome$classList, _toConsumableArray("absolute top-0 w-full mx-auto text-left text-sm p-4 bg-yellow dark:bg-dark-blue-100 dark:border-none shadow-lg".split(' ')));
28+
29+
welcome.innerHTML = "\n <p>\uD83D\uDC4B <strong>Welcome to the Statamic Demo.</strong> Log in using the provided account, take a look around, and see how your actions are reflected on the front-end. Every 30 minutes all changes are wiped clean, so don't worry too much about breaking anything.</p>\n ";
30+
document.querySelector('body').insertAdjacentElement('afterend', welcome);
31+
document.querySelector('.logo').style.marginTop = '40px';
1032
});
1133
/******/ })()
1234
;

‎resources/blueprints/collections/news/news.yaml

+4
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,10 @@ sections:
2828
-
2929
handle: article_content
3030
field:
31+
instructions: |
32+
This is "Bard", our rich text editor. Of course you can write text, but the magic
33+
happens between paragraphs where a + button will appear letting you add things
34+
like quotes or relations to other articles.
3135
always_show_set_button: false
3236
previews: true
3337
buttons:

‎resources/js/cp.js

+13-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,16 @@
1-
// Pre-populate login creds
21
document.addEventListener("DOMContentLoaded", function(event) {
2+
// Pre-populate login creds
3+
document.querySelector('.outside #input-email').value = "[email protected]";
4+
document.querySelector('.outside #input-password').value = "secretsecrets";
5+
6+
// Add welcome message
7+
var welcome = document.createElement('div');
8+
welcome.classList.add(...`absolute top-0 w-full mx-auto text-left text-sm p-4 bg-yellow dark:bg-dark-blue-100 dark:border-none shadow-lg`.split(' '));
9+
welcome.innerHTML = `
10+
<p>👋 <strong>Welcome to the Statamic Demo.</strong> Log in using the provided account, take a look around, and see how your actions are reflected on the front-end. Every 30 minutes all changes are wiped clean, so don't worry too much about breaking anything.</p>
11+
`;
12+
13+
document.querySelector('body').insertAdjacentElement('afterend', welcome);
14+
document.querySelector('.logo').style.marginTop = '40px';
315

4-
document.querySelector('.outside #input-email').value = "[email protected]";
5-
document.querySelector('.outside #input-password').value = "secretsecrets";
616
});

‎resources/views/widgets/welcome.blade.php

+91-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,94 @@
1-
<div class="card p-2 content timer" x-data="timer(when.getTime())" x-init="init()">
2-
👋 &nbsp; Welcome to the Statamic Demo site! Go bananas with it because it will reset in:
3-
<div class="inline-block px-sm bg-yellow dark:bg-dark-500">
4-
<span x-text="time().minutes"></span>:<span x-text="time().seconds"></span>
1+
<div class=" p-0 mx-auto card content" x-data="{ showList: false }">
2+
<div class="p-6 text-center border-b" x-data="timer(when.getTime())" x-init="init()">
3+
<h1 class="mb-0">👋 &nbsp; Welcome to the Statamic Demo site!</h1>
4+
<p>
5+
Go bananas with it because it will reset in:
6+
<span class="inline-block px-sm bg-yellow dark:bg-dark-500">
7+
<span x-text="time().minutes"></span>:<span x-text="time().seconds"></span>
8+
</span>
9+
</p>
10+
</div>
11+
<div class="p-6 grid lg:grid-cols-2">
12+
<a href="{{ cp_route('collections.show', 'news') }}"
13+
class="flex items-start p-2 mb-8 rounded-md hover:bg-blue-100 group">
14+
<div
15+
class="flex items-center justify-center w-12 h-12 p-3 mr-3 text-blue-900 bg-blue-100 rounded-full dark:bg-dark-900 group-hover:bg-blue-200">
16+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.9225 6.89451c-0.5108 -2.41072 -2.658 -4.01282 -5.1575 -3.88766 -3.0203 0.15123 -7.7487 0.50231 -14.4096 1.30704 -6.6609 0.80473 -11.3352 1.58963 -14.30292 2.16183 -2.45603 0.47353 -4.14554 2.53917 -4.04851 4.99988 0.10609 2.6902 0.38868 6.7578 1.08889 12.3691 0.31678 2.5386 0.63883 4.7503 0.94825 6.6553" stroke-width="3"></path><path stroke="currentColor" stroke-linejoin="round" d="M5.44206 39.9581c0.21853 2.5454 2.20573 4.4464 4.75474 4.6186C13.2818 44.785 18.1294 45 25 45c6.8706 0 11.7182 -0.215 14.8032 -0.4233 2.549 -0.1722 4.5362 -2.0732 4.7547 -4.6186C44.7841 37.3235 45 33.3957 45 28s-0.2159 -9.3235 -0.4421 -11.9581c-0.2185 -2.5454 -2.2057 -4.4464 -4.7547 -4.6186C36.7182 11.215 31.8706 11 25 11c-6.8706 0 -11.7182 0.215 -14.8032 0.4233 -2.54901 0.1722 -4.5362 2.0732 -4.75474 4.6186C5.21587 18.6765 5 22.6043 5 28s0.21587 9.3235 0.44206 11.9581Z" stroke-width="3"></path><path id="Vector 1469" stroke="currentColor" stroke-linecap="round" d="M19 19h-8" stroke-width="3"></path><path id="Vector 1471" stroke="currentColor" stroke-linecap="round" d="M19 31h-8" stroke-width="3"></path><path id="Vector 1472" stroke="currentColor" stroke-linecap="round" d="M39 37H11" stroke-width="3"></path><path id="Vector 1470" stroke="currentColor" stroke-linecap="round" d="M19 25h-8" stroke-width="3"></path><path id="Rectangle 1096" stroke="currentColor" stroke-linejoin="round" d="M25.0874 28.8225c0.086 1.707 1.3831 3.0041 3.0901 3.0901C29.1681 31.9625 30.4339 32 32 32c1.5661 0 2.8319 -0.0375 3.8225 -0.0874 1.707 -0.086 3.0041 -1.3831 3.0901 -3.0901C38.9625 27.8319 39 26.5661 39 25c0 -1.5661 -0.0375 -2.8319 -0.0874 -3.8225 -0.086 -1.707 -1.3831 -3.0041 -3.0901 -3.0901C34.8319 18.0375 33.5661 18 32 18c-1.5661 0 -2.8319 0.0375 -3.8225 0.0874 -1.707 0.086 -3.0041 1.3831 -3.0901 3.0901C25.0375 22.1681 25 23.4339 25 25c0 1.5661 0.0375 2.8319 0.0874 3.8225Z" stroke-width="3"></path></g></svg>
17+
</div>
18+
<div class="flex-1">
19+
<h2 class="text-blue-darkest">Manage News</h2>
20+
<p>Publish and edit news articles using <em>Bard</em>, our wonderful rich text editor.</p>
21+
</div>
22+
</a>
23+
<a href="{{ cp_route('collections.show', 'pages') }}"
24+
class="flex items-start p-2 mb-8 rounded-md hover:bg-blue-100 group">
25+
<div
26+
class="flex items-center justify-center w-12 h-12 p-3 mr-3 text-blue-900 bg-blue-100 rounded-full dark:bg-dark-900 group-hover:bg-blue-200">
27+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
28+
<g>
29+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
30+
d="M3.5 4.50635V8c0 3.4375 1.40625 4.0063 3 4.0063" stroke-width="1"></path>
31+
<path id="Vector 2265" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
32+
d="M3.5 7.00635h3" stroke-width="1"></path>
33+
<path id="Intersect" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
34+
d="M3.63685 0.5c-0.63537 0 -1.2355 0.023698 -1.77636 0.079235C1.29418 0.637385 0.759973 0.975173 0.608186 1.52385 0.535203 1.78767 0.5 2.08828 0.5 2.50001c0 0.41174 0.035203 0.71235 0.108186 0.97617 0.151787 0.54868 0.685994 0.88646 1.252304 0.94461 0.54085 0.05552 1.14098 0.07921 1.77634 0.07921 0.63536 0 1.23545 -0.02369 1.77627 -0.07923 0.56631 -0.05815 1.10052 -0.39594 1.2523 -0.94461 0.07299 -0.26383 0.10819 -0.56444 0.10819 -0.97617 0 -0.41171 -0.03517 -0.71231 -0.10813 -0.97612C6.51373 0.975177 5.97952 0.637385 5.41321 0.579235 4.87235 0.523698 4.27221 0.5 3.63685 0.5Z"
35+
stroke-width="1"></path>
36+
<path id="Intersect_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
37+
d="M10.0001 5.46436c-0.79912 0 -1.54826 0.02321 -2.20904 0.07863 -0.49075 0.04116 -0.99581 0.26362 -1.17491 0.72236C6.53781 6.466 6.5 6.69501 6.5 7.00649c0 0.31148 0.03781 0.54049 0.11615 0.74114 0.1791 0.45875 0.68416 0.6812 1.17491 0.72236 0.66077 0.05541 1.4099 0.07861 2.20894 0.07861 0.7991 0 1.5482 -0.02321 2.2089 -0.07863 0.4908 -0.04116 0.9958 -0.26361 1.1749 -0.72235 0.0784 -0.20066 0.1162 -0.42966 0.1162 -0.74115 0 -0.31146 -0.0378 -0.54045 -0.1161 -0.74109 -0.179 -0.45877 -0.6841 -0.68123 -1.1748 -0.72239 -0.6608 -0.05542 -1.41 -0.07863 -2.209 -0.07863Z"
38+
stroke-width="1"></path>
39+
<path id="Intersect_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
40+
d="M10.0001 10.4158c-0.79912 0 -1.54826 0.0232 -2.20904 0.0786 -0.49075 0.0412 -0.99581 0.2636 -1.17491 0.7224 -0.07834 0.2006 -0.11615 0.4296 -0.11615 0.7411s0.03781 0.5405 0.11615 0.7411c0.1791 0.4588 0.68416 0.6812 1.17491 0.7224 0.66077 0.0554 1.4099 0.0786 2.20894 0.0786 0.7991 0 1.5482 -0.0232 2.2089 -0.0786 0.4908 -0.0412 0.9958 -0.2636 1.1749 -0.7224 0.0784 -0.2006 0.1162 -0.4296 0.1162 -0.7411s-0.0378 -0.5405 -0.1161 -0.7411c-0.179 -0.4588 -0.6841 -0.6812 -1.1748 -0.7224 -0.6608 -0.0554 -1.41 -0.0786 -2.209 -0.0786Z"
41+
stroke-width="1"></path>
42+
</g>
43+
</svg>
44+
</div>
45+
<div class="flex-1">
46+
<h2 class="text-blue-darkest">Manage Pages</h2>
47+
<p>Add, edit, delete, and rearrange the site's pages.</p>
48+
</div>
49+
</a>
50+
<a href="{{ cp_route('assets.browse.index', 'assets') }}"
51+
class="flex items-start p-2 mb-8 rounded-md hover:bg-blue-100 group">
52+
<div
53+
class="flex items-center justify-center w-12 h-12 p-3 mr-3 text-blue-900 bg-blue-100 rounded-full dark:bg-dark-900 group-hover:bg-blue-200">
54+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
55+
<g>
56+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
57+
d="M5.31308 10.994c-0.91043 -0.0243 -1.80286 -0.1196 -2.67175 -0.2196C1.63337 10.6585 0.82599 9.85145 0.714203 8.84303 0.603078 7.84056 0.5 6.8067 0.5 5.75c0 -1.0567 0.103078 -2.09057 0.214203 -3.09302C0.825989 1.64855 1.63337 0.841471 2.64133 0.725553 3.64879 0.609691 4.68789 0.5 5.75 0.5s2.10121 0.109691 3.10867 0.225553C9.86663 0.841472 10.674 1.64855 10.7858 2.65698 10.8969 3.65944 11 4.6933 11 5.75c0 0.18814 -0.0033 0.37556 -0.0093 0.5622"
58+
stroke-width="1"></path>
59+
<path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
60+
d="M7.68409 5.28778c0.79579 0 1.24343 -0.44763 1.24343 -1.24341 0 -0.79579 -0.44764 -1.24342 -1.24343 -1.24342 -0.79578 0 -1.24342 0.44763 -1.24342 1.24342 0 0.79578 0.44764 1.24341 1.24342 1.24341Z"
61+
stroke-width="1"></path>
62+
<path id="Vector 392" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
63+
d="M10.5 8.5c-2 0 -3 2 -3 2.5s1 2.5 3 2.5 3 -2 3 -2.5 -1 -2.5 -3 -2.5Z"
64+
stroke-width="1"></path>
65+
<path id="Union" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
66+
d="M10.4988 11.375c-0.24 0 -0.375 -0.135 -0.375 -0.375s0.135 -0.375 0.375 -0.375"
67+
stroke-width="1"></path>
68+
<path id="Union_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
69+
d="M10.5012 11.375c0.24 0 0.375 -0.135 0.375 -0.375s-0.135 -0.375 -0.375 -0.375"
70+
stroke-width="1"></path>
71+
<path id="Subtract_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
72+
d="M6.67122 8.10479c-0.92488 -1.36437 -2.09344 -2.54067 -3.29354 -2.54067 -0.99657 0 -1.97138 0.81113 -2.802973 1.86753 0.038564 0.47662 0.088277 0.94736 0.139714 1.41137 0.111787 1.00843 0.919169 1.81548 1.927129 1.93138 0.85861 0.0988 1.77171 0.1999 2.67095 0.2256"
73+
stroke-width="1"></path>
74+
</g>
75+
</svg>
76+
</div>
77+
<div class="flex-1">
78+
<h2 class="text-blue-darkest">Check out the Asset Manager</h2>
79+
<p>Get a feel what what it's like to upload and manage images, files, and directories.</p>
80+
</div>
81+
</a>
82+
<a href="/" class="flex items-start p-2 mb-8 rounded-md hover:bg-blue-100 group">
83+
<div
84+
class="flex items-center justify-center w-12 h-12 p-3 mr-3 text-blue-900 bg-blue-100 rounded-full dark:bg-dark-900 group-hover:bg-blue-200">
85+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 29h12" stroke-width="3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 36.5h6" stroke-width="3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 15.5h2" stroke-width="3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15 15.5h2" stroke-width="3"></path><path stroke="currentColor" d="M35.6226 2.60418c0.3794 -0.69355 1.3754 -0.69354 1.7548 0l1.9917 3.64168c0.5506 1.00674 1.3783 1.83448 2.385 2.38508l3.6417 1.99166c0.6936 0.3794 0.6936 1.3754 0 1.7548l-3.6417 1.9917c-1.0067 0.5506 -1.8344 1.3783 -2.385 2.385l-1.9917 3.6417c-0.3794 0.6936 -1.3754 0.6936 -1.7548 0l-1.9917 -3.6417c-0.5506 -1.0067 -1.3783 -1.8344 -2.385 -2.385l-3.6417 -1.9917c-0.6936 -0.3794 -0.6936 -1.3754 0 -1.7548l3.6417 -1.99166c1.0067 -0.5506 1.8344 -1.37834 2.385 -2.38508l1.9917 -3.64168Z" stroke-width="3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.5 10.0004C21.3346 10.0002 21.1679 10 21 10c-6.36 0 -10.8953 0.2161 -13.83474 0.4313 -2.55589 0.1871 -4.52482 2.1243 -4.72746 4.679C2.21657 17.8993 2 22.129 2 28c0 5.871 0.21657 10.1007 0.4378 12.8897 0.20264 2.5547 2.17157 4.4919 4.72746 4.679C10.1047 45.7839 14.64 46 21 46s10.8953 -0.2161 13.8347 -0.4313c2.5559 -0.1871 4.5249 -2.1243 4.7275 -4.679C39.7834 38.1007 40 33.871 40 28c0 -0.8691 -0.0047 -1.7022 -0.0136 -2.5" stroke-width="3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.5 20.5H29" stroke-width="3"></path></g></svg>
86+
</div>
87+
<div class="flex-1">
88+
<h2 class="text-blue-darkest">View the Front-end</h2>
89+
<p>Take a look at the front-end of the site to see how your Control Panel edits have affected it.</p>
90+
</div>
91+
</a>
592
</div>
693
</div>
794

0 commit comments

Comments
 (0)