rails_app_generator 0.0.6 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.builders/boot.rb +1 -0
- data/.builders/generators/project-plan.rb +47 -0
- data/CHANGELOG.md +24 -0
- data/after_templates/README.md +3 -0
- data/after_templates/___base_template.rb +1 -0
- data/after_templates/___r7_hotwire.rb +1 -0
- data/after_templates/rag_bootstrap/application-yield.html.erb +5 -0
- data/after_templates/rag_bootstrap/application.html.erb +4 -0
- data/after_templates/rag_bootstrap/component-cards-fancy.css +84 -0
- data/after_templates/rag_bootstrap/component-cards-fancy.html +80 -0
- data/after_templates/rag_bootstrap/component-cards-staff.css +90 -0
- data/after_templates/rag_bootstrap/component-cards-staff.html +140 -0
- data/after_templates/rag_bootstrap/component-cards-styled.html +31 -0
- data/after_templates/rag_bootstrap/component-footer.html +34 -0
- data/after_templates/rag_bootstrap/component-hero.html +15 -0
- data/after_templates/rag_bootstrap/component-nav.html +36 -0
- data/after_templates/rag_bootstrap/custom-bootstrap-import.scss +5 -0
- data/after_templates/rag_bootstrap/custom-using-css.css +3 -0
- data/after_templates/rag_bootstrap/custom-using-scss.scss +5 -0
- data/after_templates/rag_bootstrap/manifest.js +3 -0
- data/after_templates/rag_bootstrap.rb +1 -0
- data/after_templates/rag_simple.rb +25 -0
- data/after_templates/rag_tailwind/component-cta.html +17 -0
- data/after_templates/rag_tailwind/component-faq.html +151 -0
- data/after_templates/rag_tailwind/component-footer.html +73 -0
- data/after_templates/rag_tailwind/component-hero.html +25 -0
- data/after_templates/rag_tailwind/component-nav.html +101 -0
- data/after_templates/rag_tailwind/component-section-begin.html +0 -0
- data/after_templates/rag_tailwind/component-section-end.html +0 -0
- data/after_templates/rag_tailwind.rb +76 -0
- data/docs/project-plan/project.drawio +56 -0
- data/docs/project-plan/project_done.svg +3 -0
- data/docs/project-plan/project_in_progress.svg +3 -0
- data/docs/project-plan/project_todo.svg +3 -0
- data/docs/project-plan.md +24 -0
- data/exe/rag +41 -0
- data/lib/rails_app_generator/add_on.rb +0 -1
- data/lib/rails_app_generator/app_builder.rb +5 -3
- data/lib/rails_app_generator/app_generator.rb +72 -13
- data/lib/rails_app_generator/notes/a2.txt +14 -1
- data/lib/rails_app_generator/options/rails_options.rb +1 -1
- data/lib/rails_app_generator/version.rb +1 -1
- data/lib/rails_app_generator.rb +3 -3
- data/package-lock.json +2 -2
- data/package.json +1 -1
- data/profiles/rag-add-some-pages.json +11 -0
- data/profiles/rag-bootstrap.json +12 -0
- data/profiles/rag-simple.json +11 -0
- data/profiles/rag-tailwind.json +12 -0
- data/templates/README.md.erb +43 -0
- metadata +56 -4
- data/exe/rails_app_generator +0 -51
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
# Rails 7 with Bootstrap CSS and custom CSS
|
|
4
|
+
# https://www.youtube.com/watch?v=tYr8yn7yRKw
|
|
5
|
+
|
|
6
|
+
require 'pry'
|
|
7
|
+
|
|
8
|
+
self.local_template_path = File.join(File.dirname(__FILE__), 'rag_simple')
|
|
9
|
+
|
|
10
|
+
gac 'base rails 7 image created'
|
|
11
|
+
|
|
12
|
+
def application_html
|
|
13
|
+
<<-HTML
|
|
14
|
+
<div class="container">
|
|
15
|
+
<div class="row">
|
|
16
|
+
<%= yield %>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
HTML
|
|
20
|
+
end
|
|
21
|
+
|
|
22
|
+
gsub_file 'app/views/layouts/application.html.erb' , %( <%= yield %>), application_html
|
|
23
|
+
|
|
24
|
+
# after_bundle do
|
|
25
|
+
# end
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
2
|
+
<div class="bg-gray-50">
|
|
3
|
+
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
|
|
4
|
+
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
|
|
5
|
+
<span class="block">Ready to dive in?</span>
|
|
6
|
+
<span class="block text-indigo-600">Start your free trial today.</span>
|
|
7
|
+
</h2>
|
|
8
|
+
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
|
|
9
|
+
<div class="inline-flex rounded-md shadow">
|
|
10
|
+
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"> Get started </a>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="ml-3 inline-flex rounded-md shadow">
|
|
13
|
+
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50"> Learn more </a>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
<section class="bg-white dark:bg-gray-900">
|
|
2
|
+
<div class="container px-6 py-12 mx-auto">
|
|
3
|
+
<h1 class="text-2xl font-semibold text-gray-800 lg:text-4xl dark:text-white">Frequently asked questions.</h1>
|
|
4
|
+
|
|
5
|
+
<div class="grid grid-cols-1 gap-8 mt-8 lg:mt-16 md:grid-cols-2 xl:grid-cols-3">
|
|
6
|
+
<div>
|
|
7
|
+
<div class="inline-block p-3 text-white bg-blue-600 rounded-lg">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
9
|
+
<path
|
|
10
|
+
stroke-linecap="round"
|
|
11
|
+
stroke-linejoin="round"
|
|
12
|
+
stroke-width="2"
|
|
13
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
14
|
+
/>
|
|
15
|
+
</svg>
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
<div>
|
|
19
|
+
<h1 class="text-xl font-semibold text-gray-700 dark:text-white">
|
|
20
|
+
What can i expect at my first consultation?
|
|
21
|
+
</h1>
|
|
22
|
+
|
|
23
|
+
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">
|
|
24
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident placeat, consequatur eveniet veritatis
|
|
25
|
+
quos dignissimos beatae dolores exercitationem laboriosam officia magnam atque blanditiis illum doloremque
|
|
26
|
+
magni ex corrupti tempora quis.
|
|
27
|
+
</p>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div>
|
|
32
|
+
<div class="inline-block p-3 text-white bg-blue-600 rounded-lg">
|
|
33
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
34
|
+
<path
|
|
35
|
+
stroke-linecap="round"
|
|
36
|
+
stroke-linejoin="round"
|
|
37
|
+
stroke-width="2"
|
|
38
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
39
|
+
/>
|
|
40
|
+
</svg>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div>
|
|
44
|
+
<h1 class="text-xl font-semibold text-gray-700 dark:text-white">What are your opening house?</h1>
|
|
45
|
+
|
|
46
|
+
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">
|
|
47
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident placeat, consequatur eveniet veritatis
|
|
48
|
+
quos dignissimos beatae dolores exercitationem laboriosam officia magnam atque blanditiis illum doloremque
|
|
49
|
+
magni ex corrupti tempora quis.
|
|
50
|
+
</p>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
<div>
|
|
55
|
+
<div class="inline-block p-3 text-white bg-blue-600 rounded-lg">
|
|
56
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
57
|
+
<path
|
|
58
|
+
stroke-linecap="round"
|
|
59
|
+
stroke-linejoin="round"
|
|
60
|
+
stroke-width="2"
|
|
61
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
62
|
+
/>
|
|
63
|
+
</svg>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div>
|
|
67
|
+
<h1 class="text-xl font-semibold text-gray-700 dark:text-white">Do i need a referral?</h1>
|
|
68
|
+
|
|
69
|
+
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">
|
|
70
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident placeat, consequatur eveniet veritatis
|
|
71
|
+
quos dignissimos beatae dolores exercitationem laboriosam officia magnam atque blanditiis illum doloremque
|
|
72
|
+
magni ex corrupti tempora quis.
|
|
73
|
+
</p>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
<div>
|
|
78
|
+
<div class="inline-block p-3 text-white bg-blue-600 rounded-lg">
|
|
79
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
80
|
+
<path
|
|
81
|
+
stroke-linecap="round"
|
|
82
|
+
stroke-linejoin="round"
|
|
83
|
+
stroke-width="2"
|
|
84
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
85
|
+
/>
|
|
86
|
+
</svg>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
<div>
|
|
90
|
+
<h1 class="text-xl font-semibold text-gray-700 dark:text-white">
|
|
91
|
+
Is the cost of the appoinment covered by private health insurance?
|
|
92
|
+
</h1>
|
|
93
|
+
|
|
94
|
+
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">
|
|
95
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident placeat, consequatur eveniet veritatis
|
|
96
|
+
quos dignissimos beatae dolores exercitationem laboriosam officia magnam atque blanditiis illum doloremque
|
|
97
|
+
magni ex corrupti tempora quis.
|
|
98
|
+
</p>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
|
|
102
|
+
<div>
|
|
103
|
+
<div class="inline-block p-3 text-white bg-blue-600 rounded-lg">
|
|
104
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
105
|
+
<path
|
|
106
|
+
stroke-linecap="round"
|
|
107
|
+
stroke-linejoin="round"
|
|
108
|
+
stroke-width="2"
|
|
109
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
110
|
+
/>
|
|
111
|
+
</svg>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
114
|
+
<div>
|
|
115
|
+
<h1 class="text-xl font-semibold text-gray-700 dark:text-white">What is your cancellation policy?</h1>
|
|
116
|
+
|
|
117
|
+
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">
|
|
118
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident placeat, consequatur eveniet veritatis
|
|
119
|
+
quos dignissimos beatae dolores exercitationem laboriosam officia magnam atque blanditiis illum doloremque
|
|
120
|
+
magni ex corrupti tempora quis.
|
|
121
|
+
</p>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
|
|
125
|
+
<div>
|
|
126
|
+
<div class="inline-block p-3 text-white bg-blue-600 rounded-lg">
|
|
127
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
128
|
+
<path
|
|
129
|
+
stroke-linecap="round"
|
|
130
|
+
stroke-linejoin="round"
|
|
131
|
+
stroke-width="2"
|
|
132
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
133
|
+
/>
|
|
134
|
+
</svg>
|
|
135
|
+
</div>
|
|
136
|
+
|
|
137
|
+
<div>
|
|
138
|
+
<h1 class="text-xl font-semibold text-gray-700 dark:text-white">
|
|
139
|
+
What are the parking and public transport options?
|
|
140
|
+
</h1>
|
|
141
|
+
|
|
142
|
+
<p class="mt-2 text-sm text-gray-500 dark:text-gray-300">
|
|
143
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident placeat, consequatur eveniet veritatis
|
|
144
|
+
quos dignissimos beatae dolores exercitationem laboriosam officia magnam atque blanditiis illum doloremque
|
|
145
|
+
magni ex corrupti tempora quis.
|
|
146
|
+
</p>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
</section>
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
|
|
2
|
+
<footer class="p-4 bg-white sm:p-6 dark:bg-gray-900">
|
|
3
|
+
<div class="md:flex md:justify-between">
|
|
4
|
+
<div class="mb-6 md:mb-0">
|
|
5
|
+
<a href="https://flowbite.com/" class="flex items-center">
|
|
6
|
+
<img src="https://flowbite.com/docs/images/logo.svg" class="mr-3 h-8" alt="FlowBite Logo">
|
|
7
|
+
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>
|
|
8
|
+
</a>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
|
|
11
|
+
<div>
|
|
12
|
+
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Resources</h2>
|
|
13
|
+
<ul class="text-gray-600 dark:text-gray-400">
|
|
14
|
+
<li class="mb-4">
|
|
15
|
+
<a href="https://flowbite.com/" class="hover:underline">Flowbite</a>
|
|
16
|
+
</li>
|
|
17
|
+
<li>
|
|
18
|
+
<a href="https://tailwindcss.com/" class="hover:underline">Tailwind CSS</a>
|
|
19
|
+
</li>
|
|
20
|
+
</ul>
|
|
21
|
+
</div>
|
|
22
|
+
<div>
|
|
23
|
+
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Follow us</h2>
|
|
24
|
+
<ul class="text-gray-600 dark:text-gray-400">
|
|
25
|
+
<li class="mb-4">
|
|
26
|
+
<a href="https://github.com/themesberg/flowbite" class="hover:underline ">Github</a>
|
|
27
|
+
</li>
|
|
28
|
+
<li>
|
|
29
|
+
<a href="https://discord.gg/4eeurUVvTy" class="hover:underline">Discord</a>
|
|
30
|
+
</li>
|
|
31
|
+
</ul>
|
|
32
|
+
</div>
|
|
33
|
+
<div>
|
|
34
|
+
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Legal</h2>
|
|
35
|
+
<ul class="text-gray-600 dark:text-gray-400">
|
|
36
|
+
<li class="mb-4">
|
|
37
|
+
<a href="#" class="hover:underline">Privacy Policy</a>
|
|
38
|
+
</li>
|
|
39
|
+
<li>
|
|
40
|
+
<a href="#" class="hover:underline">Terms & Conditions</a>
|
|
41
|
+
</li>
|
|
42
|
+
</ul>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8">
|
|
47
|
+
<div class="sm:flex sm:items-center sm:justify-between">
|
|
48
|
+
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2022 <a href="https://flowbite.com/" class="hover:underline">Flowbite™</a>. All Rights Reserved.
|
|
49
|
+
</span>
|
|
50
|
+
<div class="flex mt-4 space-x-6 sm:justify-center sm:mt-0">
|
|
51
|
+
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
|
|
52
|
+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path></svg>
|
|
53
|
+
<span class="sr-only">Facebook page</span>
|
|
54
|
+
</a>
|
|
55
|
+
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
|
|
56
|
+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path></svg>
|
|
57
|
+
<span class="sr-only">Instagram page</span>
|
|
58
|
+
</a>
|
|
59
|
+
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
|
|
60
|
+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path></svg>
|
|
61
|
+
<span class="sr-only">Twitter page</span>
|
|
62
|
+
</a>
|
|
63
|
+
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
|
|
64
|
+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg>
|
|
65
|
+
<span class="sr-only">GitHub account</span>
|
|
66
|
+
</a>
|
|
67
|
+
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
|
|
68
|
+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path></svg>
|
|
69
|
+
<span class="sr-only">Dribbbel account</span>
|
|
70
|
+
</a>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
</footer>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<section class="text-gray-700 body-font">
|
|
2
|
+
<div class="container px-8 pt-48 pb-24 mx-auto lg:px-4">
|
|
3
|
+
<div class="flex flex-col w-full mb-12 text-left lg:text-center">
|
|
4
|
+
<h2
|
|
5
|
+
class="mb-1 text-xs font-semibold tracking-widest text-blue-600 uppercase title-font">
|
|
6
|
+
a great
|
|
7
|
+
header right here
|
|
8
|
+
</h2>
|
|
9
|
+
<h1
|
|
10
|
+
class="mb-6 text-2xl font-semibold tracking-tighter sm:text-5xl title-font bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500">
|
|
11
|
+
A centered medium lenght display headline.
|
|
12
|
+
</h1>
|
|
13
|
+
<p
|
|
14
|
+
class="mx-auto text-base font-medium leading-relaxed text-gray-700 lg:w-2/3">
|
|
15
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
16
|
+
eiusmod tempor incididunt ut labore et incididunt ut labore et
|
|
17
|
+
incididunt ut labore et dolore magna aliqua.
|
|
18
|
+
</p>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="flex lg:justify-center">
|
|
21
|
+
<button
|
|
22
|
+
class="inline-flex px-4 py-2 font-semibold text-white transition duration-500 ease-in-out transform rounded-lg shadow-xl bg-gradient-to-r from-blue-700 hover:from-blue-600 to-blue-600 hover:to-blue-700 focus:shadow-outline focus:outline-none">Button</button>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</section>
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
2
|
+
<nav class="bg-gray-800">
|
|
3
|
+
<div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
|
|
4
|
+
<div class="relative flex items-center justify-between h-16">
|
|
5
|
+
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
|
|
6
|
+
<!-- Mobile menu button-->
|
|
7
|
+
<button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
|
|
8
|
+
<span class="sr-only">Open main menu</span>
|
|
9
|
+
<!--
|
|
10
|
+
Icon when menu is closed.
|
|
11
|
+
|
|
12
|
+
Heroicon name: outline/menu
|
|
13
|
+
|
|
14
|
+
Menu open: "hidden", Menu closed: "block"
|
|
15
|
+
-->
|
|
16
|
+
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
|
|
17
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
|
|
18
|
+
</svg>
|
|
19
|
+
<!--
|
|
20
|
+
Icon when menu is open.
|
|
21
|
+
|
|
22
|
+
Heroicon name: outline/x
|
|
23
|
+
|
|
24
|
+
Menu open: "block", Menu closed: "hidden"
|
|
25
|
+
-->
|
|
26
|
+
<svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
|
|
27
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
|
28
|
+
</svg>
|
|
29
|
+
</button>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
|
|
32
|
+
<div class="flex-shrink-0 flex items-center">
|
|
33
|
+
<img class="block lg:hidden h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg" alt="Workflow">
|
|
34
|
+
<img class="hidden lg:block h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg" alt="Workflow">
|
|
35
|
+
</div>
|
|
36
|
+
<div class="hidden sm:block sm:ml-6">
|
|
37
|
+
<div class="flex space-x-4">
|
|
38
|
+
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
|
|
39
|
+
<a href="#" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page">Dashboard</a>
|
|
40
|
+
|
|
41
|
+
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
|
|
42
|
+
|
|
43
|
+
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Projects</a>
|
|
44
|
+
|
|
45
|
+
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Calendar</a>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
|
|
50
|
+
<button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
|
|
51
|
+
<span class="sr-only">View notifications</span>
|
|
52
|
+
<!-- Heroicon name: outline/bell -->
|
|
53
|
+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
|
|
54
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
|
|
55
|
+
</svg>
|
|
56
|
+
</button>
|
|
57
|
+
|
|
58
|
+
<!-- Profile dropdown -->
|
|
59
|
+
<div class="ml-3 relative">
|
|
60
|
+
<div>
|
|
61
|
+
<button type="button" class="bg-gray-800 flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
|
|
62
|
+
<span class="sr-only">Open user menu</span>
|
|
63
|
+
<img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
|
|
64
|
+
</button>
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
<!--
|
|
68
|
+
Dropdown menu, show/hide based on menu state.
|
|
69
|
+
|
|
70
|
+
Entering: "transition ease-out duration-100"
|
|
71
|
+
From: "transform opacity-0 scale-95"
|
|
72
|
+
To: "transform opacity-100 scale-100"
|
|
73
|
+
Leaving: "transition ease-in duration-75"
|
|
74
|
+
From: "transform opacity-100 scale-100"
|
|
75
|
+
To: "transform opacity-0 scale-95"
|
|
76
|
+
-->
|
|
77
|
+
<div class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
|
|
78
|
+
<!-- Active: "bg-gray-100", Not Active: "" -->
|
|
79
|
+
<a href="#" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-0">Your Profile</a>
|
|
80
|
+
<a href="#" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-1">Settings</a>
|
|
81
|
+
<a href="#" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-2">Sign out</a>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
<!-- Mobile menu, show/hide based on menu state. -->
|
|
89
|
+
<div class="sm:hidden" id="mobile-menu">
|
|
90
|
+
<div class="px-2 pt-2 pb-3 space-y-1">
|
|
91
|
+
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
|
|
92
|
+
<a href="#" class="bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium" aria-current="page">Dashboard</a>
|
|
93
|
+
|
|
94
|
+
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Team</a>
|
|
95
|
+
|
|
96
|
+
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Projects</a>
|
|
97
|
+
|
|
98
|
+
<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Calendar</a>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
</nav>
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
# Rails 7 with Bootstrap CSS and custom CSS
|
|
4
|
+
# resources:
|
|
5
|
+
# https://www.youtube.com/watch?v=tYr8yn7yRKw
|
|
6
|
+
# https://youtu.be/phOUsR0dm5s?t=493
|
|
7
|
+
# https://www.youtube.com/watch?v=nxKDTtuKOo4
|
|
8
|
+
|
|
9
|
+
require 'pry'
|
|
10
|
+
|
|
11
|
+
self.local_template_path = File.join(File.dirname(__FILE__), 'rag_tailwind')
|
|
12
|
+
|
|
13
|
+
gac 'base rails 7 image created'
|
|
14
|
+
|
|
15
|
+
add_controller('home', 'index', 'about')
|
|
16
|
+
route("root 'home#index'")
|
|
17
|
+
|
|
18
|
+
index_content = join_templates(
|
|
19
|
+
'component-section-begin.html',
|
|
20
|
+
'component-nav.html',
|
|
21
|
+
'component-hero.html',
|
|
22
|
+
'component-cta.html',
|
|
23
|
+
'component-faq.html',
|
|
24
|
+
'component-cta.html',
|
|
25
|
+
'component-footer.html',
|
|
26
|
+
'component-section-end.html'
|
|
27
|
+
)
|
|
28
|
+
# join: "</section>\n\n<section>\n"
|
|
29
|
+
|
|
30
|
+
create_file 'app/views/home/index.html.erb', index_content, force: true
|
|
31
|
+
|
|
32
|
+
# move the nav bar into
|
|
33
|
+
# 'app/views/shared/_navbar.html.erb'
|
|
34
|
+
# and add the nav bar to the layout
|
|
35
|
+
# 'app/views/layouts/application.html.erb'
|
|
36
|
+
# <%= render partial: 'shared/navbar' %>
|
|
37
|
+
|
|
38
|
+
# gem 'sassc-rails'
|
|
39
|
+
|
|
40
|
+
after_bundle do
|
|
41
|
+
gsub_file 'app/views/layouts/application.html.erb', %(container mx-auto mt-28 px-5 flex), 'container mx-auto px-5'
|
|
42
|
+
# add_css_customizations
|
|
43
|
+
|
|
44
|
+
# add_crud_people
|
|
45
|
+
|
|
46
|
+
# rails_command("db:migrate")
|
|
47
|
+
end
|
|
48
|
+
|
|
49
|
+
def add_css_customizations
|
|
50
|
+
# Update the manifest to include the stylesheets
|
|
51
|
+
append_to_file 'app/assets/config/manifest.js' , read_template('manifest.js')
|
|
52
|
+
|
|
53
|
+
# This is how you would add custom styling via @import in the application.bootstrap.css
|
|
54
|
+
append_to_file 'app/assets/stylesheets/application.bootstrap.scss' , "@import 'custom-bootstrap-import.scss';"
|
|
55
|
+
create_file 'app/assets/stylesheets/custom-bootstrap-import.scss' , read_template('custom-bootstrap-import.scss')
|
|
56
|
+
|
|
57
|
+
# This is how you would add custom styling using standard CSS
|
|
58
|
+
create_file 'app/assets/stylesheets/custom-using-css.css' , read_template('custom-using-css.css')
|
|
59
|
+
|
|
60
|
+
# This is how you would add custom styling using standard SAAS/SCSS
|
|
61
|
+
create_file 'app/assets/stylesheets/custom-using-scss.scss' , read_template('custom-using-scss.scss')
|
|
62
|
+
|
|
63
|
+
# This is custom CSS for the fancier components
|
|
64
|
+
create_file 'app/assets/stylesheets/custom-component.css' , join_templates('component-cards-fancy.css', 'component-cards-staff.css')
|
|
65
|
+
|
|
66
|
+
# Update the layout so that the stylesheets are included
|
|
67
|
+
insert_into_file 'app/views/layouts/application.html.erb', read_template('application.html.erb'),
|
|
68
|
+
before: %( <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>)
|
|
69
|
+
gsub_file 'app/views/layouts/application.html.erb', %( <%= yield %>), read_template('application-yield.html.erb')
|
|
70
|
+
end
|
|
71
|
+
|
|
72
|
+
def add_crud_people
|
|
73
|
+
# Need to get the bootstrap form styling working
|
|
74
|
+
# Follow the instructions at: https://youtu.be/phOUsR0dm5s?t=493
|
|
75
|
+
add_scaffold('people', 'first_name', 'last_name', 'age:integer', 'address:text')
|
|
76
|
+
end
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<mxfile host="aLZ">
|
|
2
|
+
<diagram id="pvH" name="In progress">
|
|
3
|
+
<mxGraphModel dx="0" dy="0" background="#FFFAFA" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
|
|
4
|
+
<root>
|
|
5
|
+
<mxCell id="page_root_pvH" parent="pvH"/>
|
|
6
|
+
<mxCell id="node_root_pvH" parent="page_root_pvH"/>
|
|
7
|
+
<mxCell id="pvH-1" value="DrawIO DSL" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fontColor=#1F2D3D;text;fontSize=28;fontStyle=1;fillColor=none" vertex="1" parent="node_root_pvH">
|
|
8
|
+
<mxGeometry x="300" y="0" width="400" height="80" as="geometry"/>
|
|
9
|
+
</mxCell>
|
|
10
|
+
<mxCell id="pvH-3" value="" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333" vertex="1" parent="node_root_pvH">
|
|
11
|
+
<mxGeometry x="10" y="10" width="300" height="60" as="geometry"/>
|
|
12
|
+
</mxCell>
|
|
13
|
+
</root>
|
|
14
|
+
</mxGraphModel>
|
|
15
|
+
</diagram>
|
|
16
|
+
<diagram id="U3w" name="To Do">
|
|
17
|
+
<mxGraphModel dx="0" dy="0" background="#FFFAFA" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
|
|
18
|
+
<root>
|
|
19
|
+
<mxCell id="page_root_U3w" parent="U3w"/>
|
|
20
|
+
<mxCell id="node_root_U3w" parent="page_root_U3w"/>
|
|
21
|
+
<mxCell id="U3w-1" value="add diff tool with support" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
22
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
23
|
+
</mxCell>
|
|
24
|
+
<mxCell id="U3w-2" value="add diff tool left hand side only option" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
25
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
26
|
+
</mxCell>
|
|
27
|
+
<mxCell id="U3w-3" value="add diff tool right hand side only option" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
28
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
29
|
+
</mxCell>
|
|
30
|
+
<mxCell id="U3w-4" value="add diff tool lhs/rhs differences" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
31
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
32
|
+
</mxCell>
|
|
33
|
+
<mxCell id="U3w-5" value="add diff tool open in vscode option" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
34
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
35
|
+
</mxCell>
|
|
36
|
+
<mxCell id="U3w-6" value="rag new should work like rails new" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
37
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
38
|
+
</mxCell>
|
|
39
|
+
<mxCell id="U3w-7" value="rag profile is the default option" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333" vertex="1" parent="node_root_U3w">
|
|
40
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
41
|
+
</mxCell>
|
|
42
|
+
</root>
|
|
43
|
+
</mxGraphModel>
|
|
44
|
+
</diagram>
|
|
45
|
+
<diagram id="CMT" name="Done">
|
|
46
|
+
<mxGraphModel dx="0" dy="0" background="#FFFAFA" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
|
|
47
|
+
<root>
|
|
48
|
+
<mxCell id="page_root_CMT" parent="CMT"/>
|
|
49
|
+
<mxCell id="node_root_CMT" parent="page_root_CMT"/>
|
|
50
|
+
<mxCell id="CMT-1" value="add project plan to do list" style="whiteSpace=wrap;html=1;rounded=1;glass=1;fillColor=#f8cecc;strokeColor=#b85450;fontColor=#333333" vertex="1" parent="node_root_CMT">
|
|
51
|
+
<mxGeometry x="0" y="0" width="300" height="60" as="geometry"/>
|
|
52
|
+
</mxCell>
|
|
53
|
+
</root>
|
|
54
|
+
</mxGraphModel>
|
|
55
|
+
</diagram>
|
|
56
|
+
</mxfile>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="302px" height="62px" viewBox="-0.5 -0.5 302 62"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add project plan to do list</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add project plan to do list</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="692px" height="82px" viewBox="-0.5 -0.5 692 82"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="290" y="0" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 7px; margin-left: 292px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DrawIO DSL</div></div></div></foreignObject><text x="292" y="35" fill="#1F2D3D" font-family="Helvetica" font-size="28px" font-weight="bold">DrawIO DSL</text></switch></g><rect x="0" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 9 Q -1 9 -1 20.15 L -1 34 Q 150 52 301 34 L 301 20.15 Q 301 9 289.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="302px" height="62px" viewBox="-0.5 -0.5 302 62"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add diff tool with support</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add diff tool with support</text></switch></g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add diff tool left hand side only option</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add diff tool left hand side only option</text></switch></g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add diff tool right hand side only option</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add diff tool right hand side only option</text></switch></g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add diff tool lhs/rhs differences</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add diff tool lhs/rhs differences</text></switch></g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add diff tool open in vscode option</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add diff tool open in vscode option</text></switch></g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">rag new should work like rails new</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rag new should work like rails new</text></switch></g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">rag profile is the default option</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rag profile is the default option</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# Drawio Dsl - Project Plan
|
|
2
|
+
|
|
3
|
+
## In Progress
|
|
4
|
+
|
|
5
|
+
The next ticket to work on
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## To Do
|
|
10
|
+
|
|
11
|
+
List of tickets to do
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Complete
|
|
16
|
+
|
|
17
|
+
List of completed tickets
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Copyright
|
|
23
|
+
|
|
24
|
+
Copyright (c) David Cruwys. See [MIT License](LICENSE.txt) for further details.
|