From 8890f491c94be874e05f6893686b417bae8fc971 Mon Sep 17 00:00:00 2001
From: JoeyStk <johannes.stock@yahoo.de>
Date: Wed, 4 Oct 2023 11:13:18 +0200
Subject: [PATCH] Add breadcrumbs

---
 .../__pycache__/urls.cpython-310.pyc          | Bin 999 -> 999 bytes
 cv_generator/db.sqlite3                       | Bin 139264 -> 139264 bytes
 .../main/__pycache__/admin.cpython-310.pyc    | Bin 274 -> 274 bytes
 .../main/__pycache__/models.cpython-310.pyc   | Bin 970 -> 970 bytes
 .../main/__pycache__/urls.cpython-310.pyc     | Bin 308 -> 308 bytes
 .../main/__pycache__/views.cpython-310.pyc    | Bin 1404 -> 1404 bytes
 .../__pycache__/0001_initial.cpython-310.pyc  | Bin 1099 -> 1099 bytes
 cv_generator/main/static/output.css           |  97 +++++-------------
 .../main/templates/includes/breadcrumbs.html  |   6 ++
 .../main/templates/includes/next_step.html    |   1 +
 .../selection/work_experience_list.html       |   3 +-
 11 files changed, 35 insertions(+), 72 deletions(-)
 create mode 100644 cv_generator/main/templates/includes/breadcrumbs.html
 create mode 100644 cv_generator/main/templates/includes/next_step.html

diff --git a/cv_generator/cv_generator/__pycache__/urls.cpython-310.pyc b/cv_generator/cv_generator/__pycache__/urls.cpython-310.pyc
index f85559a03b950b16ee609ffa7c63e6191ebde409..9299ef2fcffc664953c2359bb2e1ea2538fedcdb 100644
GIT binary patch
delta 20
acmaFP{+yjVpO=@50SK<h$!_Gn!wdj869pvz

delta 20
acmaFP{+yjVpO=@50SG)ZWj1o(VFmy;0|ev%

diff --git a/cv_generator/db.sqlite3 b/cv_generator/db.sqlite3
index 85c94b81de2b8d9755e60a6a637edb28538738bf..84bd6b238bc270281d707e4419ea43b11ee979a8 100644
GIT binary patch
delta 1124
zcmai!O-vg{6vub5ArQ6M5R@VnJ0?{iy)4Ym&dknO?P0zC04ErTF=V-H7TaKKylYsm
zKXL(D_0%5Hj+9EhR6VuF5Tagk;nrhSDas`mq#mjqs`i#kDit}3<PC?6^bYfT^S=Hw
znuC+!gOlM06XNu@5ks6ly7%YD5i|*C9KpD%&Jd<yrp{g&6s}I`b$i?4KgF(&_8*`C
zQo_HQU;#>?LIMAMLJ3er7z2DXf&x^<KtX&pLIYG`l&bv4h!&s#s|fSIBA@kB%oK_k
zM^PA{8m3s|?Wh`{gc5-G(`cYGj8&i_{$DiE8CHo#HJ-Q@m<>aS2;twnLjl$h<<GCh
z`>P=e86f<63`YAjJCgxn1VV$t_>^v!>gQEO7%LF-hq1{(HWdMl^50^g-t5l?6qS$<
zrC)?0sU=7+rDxJpsU>|a{UCLY4)004HG5<FgNvcqi0wBkmhYAK1VI=(v;H+63aR4v
z*DK=KM;FEhLh^8_YCBu5)oah%akq|N&Q5?KQL+TdIyx*!+;XS(m+sDY8d=+}YxC){
zSuk|3!K(QiYem16X}BbB`kO={dFbO?DL3ihtz4!~lZd1ZRwj$KgU!z&fU2wj8N3-u
zjbl0kfvNzdSNgmgoVh8}$VEZ8Ac)c{L3(vOdhoY2G8`Ho>BT&L6rMZ|KYAT|d=frA
z4xhe`efJ>zbNEEO+}k|-R~!nz5H7tqI{f3({uiH!g9~5g^-8By?09~u({PHVRvmY3
z%?J0JcBNh^X$@@8l(U`H>OyL<y{#`NHs!R}P3x|inA0qf@%*l_s)Jf%1*}^PKvKxG
zHsD6N-o9%pm0QqhnC+D2b-Q_Dt+nsahU4nxn!$2tpEUP8uPEDd?V4)Jxx#J>%8opD
zXT@E&Sz?=XS2DL3Qb|g%ol7k5c<Xot)UvDd%Sqc@DjPoZve~slljhu|GF;YkRmYIc
zbdG_zvg>pTBwno{y=iZH+l%%_wUuk{-Zl|fPwwrM?r*JmH)SK6$#pFwTU<)j-m0z8
e-WTxZGR|HiV^0Q7rOEec^y}q;f27fKvHt^6Of#VX

delta 1711
zcmah}O>7%Q7~S<c#9QP{(~=fQQad3nm8#e~Gy69d5wacEaS}IiT-%AO%B;QXf3F=o
zw&Rp435XL2QLO|L7lgQS359a#f%e1&i3*{fic|?ClvAWih)a=JyMn|i5_=fUK7HSN
z?|YwickbDC?%6&XrDtx9`RSRxw|;$f3_Bt5K;%J!i$Fml#C>Xj8aeN+C<Wd4+%YnI
zq(CMF3$pRvDCt8bEOEs6aTNBUf`|lc43F`BD34?!8u2l?59MT8LdIuf(os~Bh|Gz`
z?_+QDp(5sZ!QjVHAIeJ-=8X0@?ngO-pmBG+&zXcUhS2zHyw90PWXN%b?_A$(qRe3t
z86O-&MP9<tczDipR88c0On76$fyR$yX4*vvbIbsB_Pke7E6=AYLWFqP_}Jk*$|ev9
z1!#QlxcK@JHbIaii0t4~Y7hh{unz*@E@*-G!I$9L-mV+Kmn_UQtritMS55WQQsrun
zdF4fhu-%QO+SPigpy#yBnpQ7pdPXx^?x_plXX+Hy_t;M`4q9n$<WtRtR=1pG7)*aM
zk*80e88qug`f9r`xA)znoXs+Hp8~0&`+K|J41wKIi=En?@!A}AJIi82ub$a1l`BZ}
zrJFw9FDE4!Z_hWfQgljohhwp2jZ3Oa%R$Vo$cdPoUx;=B?%DK0HBb$4tx)7r+8_6>
z%^(ipX~<1;&tefg9C1m!C`w$hnpbpPYrtbAya(akbF^v3(5jB@@M<lx;LSBd(PlB$
zo+a&8JUADbDySvDPmfA`F40=*$ci^s)9Yl>t;+GmMLjI7trUd$n6gP);paW@yo=)@
zmS8XQWBSM=5SPpe0*6mf6iZpaJ_Y^+`?rT{zkrwRX3+mSx7e7oY>&hKE&Z6bo*V!V
zDe%y&`~mP6X_gupnV2|jW3T254W*%|hf0SxrJ<TK6b+tI;OXt*odeKa8N;ybS36ec
z7uE+4Yz#P{z#rgXul6Ch^-;_*z|gdn>75oUL$iZj0tP%W2~49;O!?oykd<L+rh8br
zTzBr7?oKdZiUQw(9Wb@Gdj@PL8I}SLIzzKwbU4$s8<QDxGdWG2^f+%!W(!(bZJ5_<
zlhF+&n{_rel#OO%^7_r2*R6+R^!`h{M-W^hmN1fLEM0E)QXjWTt*GiVVzd1}`Vn>s
zP$Wor(@YP%*6WAe=$vmmyD1)H7(8YGdk}I-vdAHL=P~`lN$VqO=+WNpPea@9Owa@2
zcO%|5uE4Ekt+JKLSG07#xv`#+(p#l!yP{>cI?cLEo8OEVXB$iHqBr8xQiWhy-@MFg
zQN4I&O(YzgE%?%fT6iI|nu#t%5?na7tR=XWwesfT>XyEgiC*pm0_$qFobzW_=TzUU
zSj6-7?YVd|DMqpHih%q=tC-EhWpzE3YcG&=u$kRhRx<fo=c*c+3wh^5OPyjPHJxv_
zgAp+kRf5=;OP12f64$7Q({nP(C00Ar-cpY5cs+1kFV)+ga4jIsu7#@cO)XK*&Wl$A
zsdeJl>WScbKp;yOV6JuLvOf}PgjeK$LW5FoYl5fuJrF1gUt1mn=l?}?=cMHT3_sWV
EH*OEVr~m)}

diff --git a/cv_generator/main/__pycache__/admin.cpython-310.pyc b/cv_generator/main/__pycache__/admin.cpython-310.pyc
index 1846f12ca635a485f24521e1376834617c95fdc7..f1a31f9be94dc10cda1fed1ef8d850f3ea0cbbcb 100644
GIT binary patch
delta 20
acmbQlG>M5jpO=@50SNxf$!_FkX9NH$LIcGB

delta 20
acmbQlG>M5jpO=@50SMyKWHxfMGXel7h68H=

diff --git a/cv_generator/main/__pycache__/models.cpython-310.pyc b/cv_generator/main/__pycache__/models.cpython-310.pyc
index 5f238c2709c2355f70575018bfbe2ed04dfac86e..4e37be4ecaf1a87b00492c89169fb2fc81e818ea 100644
GIT binary patch
delta 20
acmX@beu|wtpO=@50SNxf$!_G{&kO)GxCHqC

delta 20
acmX@beu|wtpO=@50SG)ZWj1o}X9fT<djyRD

diff --git a/cv_generator/main/__pycache__/urls.cpython-310.pyc b/cv_generator/main/__pycache__/urls.cpython-310.pyc
index 0afb13c65ead8eb82292a8f24647edb364d0785b..712352f756f172449691e430ac7db61dd822fa13 100644
GIT binary patch
delta 20
acmdnOw1tT~pO=@50SK<h$!_G<WCQ>%Wdr~K

delta 20
acmdnOw1tT~pO=@50SG)ZWj1naG6DcBRRg~O

diff --git a/cv_generator/main/__pycache__/views.cpython-310.pyc b/cv_generator/main/__pycache__/views.cpython-310.pyc
index a57aabc583ff3b1a42ac51b746b88a736d8d7b60..c4dfc557b94af0d8b6b59a4a80dc71ab04429972 100644
GIT binary patch
delta 20
acmeyv^@oc)pO=@50SNxf$!_E>WCZ{__5~LJ

delta 20
acmeyv^@oc)pO=@50SG)ZWj1mbvH}1&xdf{K

diff --git a/cv_generator/main/migrations/__pycache__/0001_initial.cpython-310.pyc b/cv_generator/main/migrations/__pycache__/0001_initial.cpython-310.pyc
index f553177dc599efd79c4959d47a01e9d90e449a30..47450d8175a050fbe4bbefc2296a2901a7d49124 100644
GIT binary patch
delta 20
acmX@jahiiWpO=@50SNxf$!_F!U;zL$1q6Qp

delta 20
acmX@jahiiWpO=@50SG)ZWj1m<umAus$OIDr

diff --git a/cv_generator/main/static/output.css b/cv_generator/main/static/output.css
index d7f6c24..c8ca193 100644
--- a/cv_generator/main/static/output.css
+++ b/cv_generator/main/static/output.css
@@ -576,38 +576,10 @@ video {
   position: fixed;
 }
 
-.bottom-2 {
-  bottom: 0.5rem;
-}
-
-.right-2 {
-  right: 0.5rem;
-}
-
-.right-4 {
-  right: 1rem;
-}
-
-.bottom-4 {
-  bottom: 1rem;
-}
-
-.bottom-8 {
-  bottom: 2rem;
-}
-
-.right-8 {
-  right: 2rem;
-}
-
 .bottom-12 {
   bottom: 3rem;
 }
 
-.right-1 {
-  right: 0.25rem;
-}
-
 .right-12 {
   right: 3rem;
 }
@@ -617,16 +589,16 @@ video {
   margin-right: auto;
 }
 
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
 .block {
   display: block;
 }
@@ -639,64 +611,47 @@ video {
   display: table;
 }
 
-.h-4 {
-  height: 1rem;
-}
-
-.h-16 {
-  height: 4rem;
-}
-
-.h-1 {
-  height: 0.25rem;
-}
-
-.h-8 {
-  height: 2rem;
-}
-
 .h-12 {
   height: 3rem;
 }
 
-.w-full {
-  width: 100%;
-}
-
-.w-4 {
-  width: 1rem;
+.w-12 {
+  width: 3rem;
 }
 
-.w-1 {
-  width: 0.25rem;
+.w-full {
+  width: 100%;
 }
 
-.w-16 {
-  width: 4rem;
+.items-center {
+  align-items: center;
 }
 
-.w-8 {
-  width: 2rem;
+.justify-center {
+  justify-content: center;
 }
 
-.w-12 {
-  width: 3rem;
+.rounded-full {
+  border-radius: 9999px;
 }
 
-.items-center {
-  align-items: center;
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 
-.justify-center {
-  justify-content: center;
+.font-bold {
+  font-weight: 700;
 }
 
-.rounded {
-  border-radius: 0.25rem;
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
-.rounded-full {
-  border-radius: 9999px;
+.text-teal-700 {
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity));
 }
 
 a {
diff --git a/cv_generator/main/templates/includes/breadcrumbs.html b/cv_generator/main/templates/includes/breadcrumbs.html
new file mode 100644
index 0000000..03bc987
--- /dev/null
+++ b/cv_generator/main/templates/includes/breadcrumbs.html
@@ -0,0 +1,6 @@
+<span
+class="font-bold text-teal-700">Select data ></span>
+<span
+class="{% if step < 2 %}text-gray-400{% else %} font-bold text-teal-700 {% endif %}">Choose template > </span>
+<span class="{% if step < 3 %}text-gray-400{% else %} font-bold text-teal-700 {% endif %}">Preview ></span>
+<span class="{% if step < 4 %}text-gray-400{% else %} font-bold text-teal-700 {% endif %}">Get PDF</span>
\ No newline at end of file
diff --git a/cv_generator/main/templates/includes/next_step.html b/cv_generator/main/templates/includes/next_step.html
new file mode 100644
index 0000000..8b92df9
--- /dev/null
+++ b/cv_generator/main/templates/includes/next_step.html
@@ -0,0 +1 @@
+<a class="btn rounded-full fixed bottom-12 right-12 flex items-center justify-center hover:no-underline w-12 h-12" href="#">Next</a>
\ No newline at end of file
diff --git a/cv_generator/main/templates/selection/work_experience_list.html b/cv_generator/main/templates/selection/work_experience_list.html
index 617788e..c2bf4da 100644
--- a/cv_generator/main/templates/selection/work_experience_list.html
+++ b/cv_generator/main/templates/selection/work_experience_list.html
@@ -1,5 +1,6 @@
 {% extends "_base.html" %}
 {% block content %}
+{% include "includes/breadcrumbs.html" with step=1 %}
 <form method="post">
     {% csrf_token %}
     <table class="w-full my-4">
@@ -52,5 +53,5 @@
     </table>
     <button type="submit" class="btn">Update</button>
 </form>
-<a class="btn rounded-full fixed bottom-12 right-12 flex items-center justify-center hover:no-underline w-12 h-12" href="#">-></a>
+{% include "includes/next_step.html" %}
 {% endblock %}
\ No newline at end of file