Browse Source

Update

master
Alfred 9 months ago
parent
commit
8bc7bfcfca

+ 11
- 6
README.md View File

@@ -26,10 +26,10 @@ You can add a `production.toml`file to the root folder. It will be taken into ac
26 26
 
27 27
 ## How to upgrade this code?
28 28
 
29
-You can change the structure, the content and see those changes executing:
30
-```
31
-fab serve
32 29
 ```
30
+rm -Rf public
31
+hugo --config config.cat.toml,config.toml,production.toml
32
+``` 
33 33
 
34 34
 To update styles you will need the `sass` tool. Go to the path: `/themes/personal/static/styles/scss` and execute:
35 35
 ```
@@ -38,9 +38,14 @@ sass --watch main.scss:../stylesheet.cs
38 38
 
39 39
 ## How to deploy this code?
40 40
 
41
-One option personalized for my server structure is:
41
+First, generate the end-files:
42 42
 
43 43
 ```
44
-env WEB_HOST=<user>@<host> fab deploy
45
-```
44
+hugo --config config.cat.toml,config.toml,production.toml
45
+``` 
46
+
47
+Then, copy them to your server replacing the old ones. An example:
46 48
 
49
+```
50
+rsync -r ./public/ --exclude=.DS_Store --exclude=.sass_cache --delete --no-perms -c {host}:/srv/data/nginx/webpage
51
+```

+ 13
- 24
config.toml View File

@@ -49,7 +49,7 @@ At the beginning of 2018 I partenered with two good friends to create [Codi Coop
49 49
 for social economy. Still not being my full time occupation, for me Codi Cooperatiu is a great experiment on horizontally managed institutions and a wonderful tool to 
50 50
 support social change. I invite you to take a look on it and to collaborate with us:
51 51
 
52
-[![Codi Cooperatiu logo](../static/codi.png)](https://codi.coop)
52
+[![Codi Cooperatiu logo](/en/static/codi.png)](https://codi.coop)
53 53
 
54 54
 And this is my professional web page! Here we will go in detail through my career and I will try to clarify my personal and expertise knowledge. At the end of this page
55 55
 you will find [a form and information](#contact) to contact me. Please, use it wisely.
@@ -70,7 +70,7 @@ project with great will and a charismatic and open personallity.
70 70
     [[ Params.profile.skills ]]
71 71
     name = "Mastery level in Python"
72 72
     description = """
73
-I've been developing in Python since almost the beginning of my career. At the beginning it was for personal projects and, in the last years, mainly for professional and 
73
+I've been developing in Python since almost the beginning of my career. At first it was for personal projects and, in the last years, mainly for professional and 
74 74
 complex developments.
75 75
 """
76 76
     tags = []
@@ -78,24 +78,22 @@ complex developments.
78 78
     [[ Params.profile.skills ]]
79 79
     name = "Experience in several programming languages"
80 80
     description = """
81
-In my whole professional path I have had to code in several languages depending on the projects requirements. Even more I usually like to learn new ones as a hobby, you will 
82
-find some of this code at my [git repositories](https://git.alfredgg.dev/explore/repos). Nowadays one of my favorite languages is <u>Elm</u>.
81
+In my professional path I have had to code in several languages depending on the projects requirements. Moreover I usually like to learn new ones as a hobby, you will 
82
+find some of this code at my [git repositories](https://git.alfredgg.dev/explore/repos). Nowadays one of my favorite languages is <u>Elm</u>; it's being hard to learn but is also giving me new skills for functional programming.
83 83
 """
84 84
     tags = ["Elm", "JavaScript", "NodeJS", "Go", "C#", "C & C++", "Java"]
85 85
 
86 86
     [[ Params.profile.skills ]]
87 87
     name = "Web applications developer"
88 88
     description = """
89
-The most common development you have to perform when you belong to this _guild_ is web applications. I always focused my efforts on building good and reliable architectures 
90
-for a great variety of this software. My preference is on the server side development; however, I am also used to work in front-end environments.
89
+These days the most common development is web applications. I have work with several frameworks and put all my efforts on mastering the build of resilient and reliable architectures. My preference is on the server side development; however, I am also used to work in front-end environments.
91 90
 """
92 91
     tags = ["Django", "Flask", "Django REST Framework", "Vue.js"]
93 92
 
94 93
     [[ Params.profile.skills ]]
95 94
     name = "Database management"
96 95
     description = """
97
-One of the most useful skills is the database control. I have been using relational and object oriented engines and these days I feel enchanted by how powerful 
98
-<u>PostgreSQL</u> is.
96
+One of the most useful skills in this _guild_ is the database control. I have been using relational and object oriented engines. However, these days I feel enchanted by how powerful <u>PostgreSQL</u> is.
99 97
 """
100 98
     tags = ["SQL", "PostgreSQL", "MongoDB"]
101 99
 
@@ -103,7 +101,7 @@ One of the most useful skills is the database control. I have been using relatio
103 101
     name = "Systems and DevOps"
104 102
     description = """
105 103
 I'm a passionate Linux user since 2009. Still systems administration is not my strongest point, I have dexterity managing Unix based operating systems. Concerning to other
106
-close fields, like DevOps, I have performed several tasks on them.
104
+close fields, like DevOps, I have performed several tasks on them but, again, they are not my strength.
107 105
 """
108 106
     tags = ["Linux", "Docker"]
109 107
 
@@ -149,9 +147,9 @@ interactive multimedia software. Apart from my espertice they involve technologi
149 147
     company = "GTD"
150 148
     website = "https://www.gtd.eu/en"
151 149
     startDate = "2018, December"
152
-    endDate = ""
150
+    endDate = "2020, July"
153 151
     shortDescription = """
154
-Since I started working with them I have been in two of their departments as specialist in software development. Firstly I worked for the aerospace area, which develops software for the European Space Agency. I asked for a change due to the excess of burocracy that it entails. Now, since January of 2020, happily working for the science, infraestructures, and robotics department.
152
+I worked with them as specialist in software development. Firstly, I started for the aerospace area, which develops software for the European Space Agency. After that, I asked for a change, then started working for the science, infraestructures, and robotics department.
155 153
     """
156 154
     longDescription = ""
157 155
 
@@ -355,17 +353,17 @@ When I discovered it, I did my best to cooperate with them.
355 353
     title = "Member of"
356 354
 
357 355
     [[ Params.member.membership ]]
358
-    text = """[![FSF logo](../static/fsf.png)](https://www.fsf.org/)
356
+    text = """[![FSF logo](/en/static/fsf.png)](https://www.fsf.org/)
359 357
     
360 358
     Free Software Foundation"""
361 359
 
362 360
     [[ Params.member.membership ]]
363
-    text = """[![PyBCN logo](../static/pybcn.png)](https://pybcn.org/association/info/)
361
+    text = """[![PyBCN logo](/en/static/pybcn.png)](https://pybcn.org/association/info/)
364 362
     
365 363
     PyBCN"""
366 364
 
367 365
     [[ Params.member.membership ]]
368
-    text = """[![Codi Cooperatiu logo](../static/codi.little.png)](https://codi.coop)
366
+    text = """[![Codi Cooperatiu logo](/en/static/codi.little.png)](https://codi.coop)
369 367
     
370 368
     Codi Cooperatiu"""
371 369
     
@@ -414,15 +412,6 @@ About my English, I use it quite often during my everyday life. Not being as flu
414 412
     fontawesome = "fab fa-linkedin"
415 413
     identifier = "linkedin"
416 414
 
417
-    [[ Params.mainData.online ]]
418
-    name = "GitHub"
419
-    tagline = """
420
-My Github, currently abandoned
421
-"""
422
-    url = "https://github.com/alfredgg"
423
-    fontawesome = "fab fa-github-square"
424
-    identifier = "github"
425
-
426 415
     # [[ Params.mainData.moreText ]]
427 416
     # text = """I dislike to simply obey what my bosses or workmates command. I openly express my opinion and debate different options; always being aware of my position and trying to be as tactful as was required in that situation."""
428 417
 
@@ -444,7 +433,7 @@ My Github, currently abandoned
444 433
 [ Params.contact ]
445 434
     title = "Contact"
446 435
     tagline = """
447
-You can contact me via mail on the address **alfredgg at yahoo.es** (yep, I am one of those who tries to avoid Google). Or, if you wanted to be cooler 
436
+You can contact me via mail on the address **hello at alfredgg.dev**. Or, if you wanted to be cooler 
448 437
 than others, use the next form:
449 438
 """
450 439
     form_url = ""

+ 1
- 1
themes/personal/layouts/partials/header.html View File

@@ -12,7 +12,7 @@
12 12
                     {{ end }}
13 13
                 </ul>
14 14
             </div>
15
-            <img src="../static/alfred.jpg" class="cover" />
15
+            <img src="/en/static/alfred.jpg" class="cover" />
16 16
         </div>
17 17
     </div>
18 18
     <div class="mid mid2">

+ 1
- 1
themes/personal/static/styles/scss/header.scss View File

@@ -84,7 +84,7 @@ header {
84 84
 
85 85
     @media (min-width: 1000px) {
86 86
         .mid2 {
87
-            background-image: url('/static/background.jpg');
87
+            background-image: url('/en/static/background.jpg');
88 88
             background-size: cover;
89 89
             background-repeat: no-repeat;
90 90
             background-position: center center; 

+ 264
- 190
themes/personal/static/styles/stylesheet.css View File

@@ -5,7 +5,8 @@ body {
5 5
   font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
6 6
   background-color: #1C2532;
7 7
   color: #A9C7DF;
8
-  font-size: 1.1rem; }
8
+  font-size: 1.1rem;
9
+}
9 10
 
10 11
 h1 {
11 12
   margin: 0;
@@ -13,31 +14,37 @@ h1 {
13 14
   font-weight: normal;
14 15
   font-size: 2.5em;
15 16
   color: #FAFBFC;
16
-  font-family: "Lobster", "Helvetica Neue", Helvetica, Arial, sans-serif; }
17
+  font-family: "Lobster", "Helvetica Neue", Helvetica, Arial, sans-serif;
18
+}
17 19
 
18 20
 h2 {
19 21
   color: crimson;
20 22
   font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
21 23
   font-size: 2em;
22 24
   margin: 0;
23
-  padding: 0; }
25
+  padding: 0;
26
+}
24 27
 
25 28
 h3 {
26 29
   border-bottom: 1px solid #A9C7DF;
27 30
   font-size: 1.3em;
28
-  margin-top: 0; }
31
+  margin-top: 0;
32
+}
29 33
 
30 34
 h4 {
31 35
   margin: 40px 0 0 0;
32
-  color: #FAFBFC; }
36
+  color: #FAFBFC;
37
+}
33 38
 
34 39
 p {
35 40
   margin: 0;
36
-  line-height: 150%; }
41
+  line-height: 150%;
42
+}
37 43
 
38 44
 a {
39 45
   color: #0194EF;
40
-  text-decoration: none; }
46
+  text-decoration: none;
47
+}
41 48
 
42 49
 section {
43 50
   width: 100%;
@@ -48,106 +55,135 @@ section {
48 55
   justify-items: center;
49 56
   align-content: center;
50 57
   align-items: center;
51
-  background-color: #323E4F; }
58
+  background-color: #323E4F;
59
+}
52 60
 
53 61
 @media (max-width: 1000px) {
54 62
   h1 {
55
-    text-align: center; }
63
+    text-align: center;
64
+  }
56 65
 
57 66
   h2 {
58
-    text-align: center; } }
67
+    text-align: center;
68
+  }
69
+}
59 70
 header {
60 71
   height: 100vh;
61 72
   width: 100%;
62 73
   display: flex;
63
-  flex-direction: row; }
64
-  header .mid {
65
-    width: 50%;
66
-    height: 100%;
67
-    display: flex;
68
-    align-items: flex-end;
69
-    justify-content: right;
74
+  flex-direction: row;
75
+}
76
+header .mid {
77
+  width: 50%;
78
+  height: 100%;
79
+  display: flex;
80
+  align-items: flex-end;
81
+  justify-content: right;
82
+  flex-direction: column;
83
+  background-color: #323E4F;
84
+}
85
+header .mid .title {
86
+  height: 100%;
87
+  display: flex;
88
+  flex-direction: row;
89
+  align-items: center;
90
+  justify-content: center;
91
+  margin: auto;
92
+}
93
+@media (max-width: 1000px) {
94
+  header .mid .title {
70 95
     flex-direction: column;
71
-    background-color: #323E4F; }
72
-    header .mid .title {
73
-      height: 100%;
74
-      display: flex;
75
-      flex-direction: row;
76
-      align-items: center;
77
-      justify-content: center;
78
-      margin: auto; }
79
-      @media (max-width: 1000px) {
80
-        header .mid .title {
81
-          flex-direction: column; } }
82
-      header .mid .title div {
83
-        text-align: right;
84
-        padding-right: 20px; }
85
-      header .mid .title img {
86
-        border-radius: 50%;
87
-        width: 170px;
88
-        height: 170px;
89
-        padding: 0; }
90
-    header .mid ul {
91
-      display: flex;
92
-      flex-wrap: wrap;
93
-      flex-direction: row-reverse;
94
-      width: auto;
95
-      padding: 0;
96
-      margin: 10px 0 0 0; }
97
-      @media (max-width: 1000px) {
98
-        header .mid ul {
99
-          margin: 10px 0;
100
-          justify-content: center; } }
101
-      header .mid ul li {
102
-        list-style: none;
103
-        color: #1C2532;
104
-        border: 2px solid #1C2532;
105
-        border-radius: 10%;
106
-        background-color: #FAFBFC;
107
-        cursor: pointer;
108
-        padding: 5px 10px;
109
-        margin-left: 10px; }
110
-        header .mid ul li a {
111
-          color: #1C2532; }
112
-    header .mid .web-intro {
113
-      height: 100%;
114
-      flex-direction: column;
115
-      align-items: flex-end;
116
-      justify-content: flex-end;
117
-      margin-bottom: 20px; }
118
-      header .mid .web-intro span {
119
-        background-color: white;
120
-        padding: 20px; }
121
-  @media (min-width: 1000px) {
122
-    header .mid2 {
123
-      background-image: url("/static/background.jpg");
124
-      background-size: cover;
125
-      background-repeat: no-repeat;
126
-      background-position: center center;
127
-      justify-content: left; } }
128
-  @media (max-width: 1000px) {
129
-    header .mid2 {
130
-      display: none; }
131
-    header .mid {
132
-      width: 100%; } }
96
+  }
97
+}
98
+header .mid .title div {
99
+  text-align: right;
100
+  padding-right: 20px;
101
+}
102
+header .mid .title img {
103
+  border-radius: 50%;
104
+  width: 170px;
105
+  height: 170px;
106
+  padding: 0;
107
+}
108
+header .mid ul {
109
+  display: flex;
110
+  flex-wrap: wrap;
111
+  flex-direction: row-reverse;
112
+  width: auto;
113
+  padding: 0;
114
+  margin: 10px 0 0 0;
115
+}
116
+@media (max-width: 1000px) {
117
+  header .mid ul {
118
+    margin: 10px 0;
119
+    justify-content: center;
120
+  }
121
+}
122
+header .mid ul li {
123
+  list-style: none;
124
+  color: #1C2532;
125
+  border: 2px solid #1C2532;
126
+  border-radius: 10%;
127
+  background-color: #FAFBFC;
128
+  cursor: pointer;
129
+  padding: 5px 10px;
130
+  margin-left: 10px;
131
+}
132
+header .mid ul li a {
133
+  color: #1C2532;
134
+}
135
+header .mid .web-intro {
136
+  height: 100%;
137
+  flex-direction: column;
138
+  align-items: flex-end;
139
+  justify-content: flex-end;
140
+  margin-bottom: 20px;
141
+}
142
+header .mid .web-intro span {
143
+  background-color: white;
144
+  padding: 20px;
145
+}
146
+@media (min-width: 1000px) {
147
+  header .mid2 {
148
+    background-image: url("/en/static/background.jpg");
149
+    background-size: cover;
150
+    background-repeat: no-repeat;
151
+    background-position: center center;
152
+    justify-content: left;
153
+  }
154
+}
155
+@media (max-width: 1000px) {
156
+  header .mid2 {
157
+    display: none;
158
+  }
159
+  header .mid {
160
+    width: 100%;
161
+  }
162
+}
133 163
 
134 164
 .container {
135 165
   width: 80%;
136
-  padding: 40px 0; }
137
-  @media (max-width: 1000px) {
138
-    .container {
139
-      width: 95%; } }
166
+  padding: 40px 0;
167
+}
168
+@media (max-width: 1000px) {
169
+  .container {
170
+    width: 95%;
171
+  }
172
+}
140 173
 
141 174
 .date {
142
-  color: lightslategray; }
175
+  color: lightslategray;
176
+}
143 177
 
144 178
 .give-me-some-space {
145
-  margin-right: 20px; }
179
+  margin-right: 20px;
180
+}
146 181
 
147 182
 #introduction {
148 183
   background-color: #1C2532;
149 184
   display: flex;
150
-  flex-direction: column; }
185
+  flex-direction: column;
186
+}
151 187
 
152 188
 .introduction {
153 189
   width: 50%;
@@ -161,33 +197,41 @@ header {
161 197
   justify-items: center;
162 198
   align-content: center;
163 199
   align-items: center;
164
-  text-align: center; }
165
-  @media (max-width: 1000px) {
166
-    .introduction {
167
-      width: 80%; } }
168
-  .introduction i {
169
-    margin-right: 15px; }
170
-  .introduction .button {
171
-    display: inline-block;
172
-    padding: 10px 30px;
173
-    color: #FAFBFC;
174
-    background-color: #323E4F;
175
-    cursor: pointer;
176
-    margin-top: 25px;
177
-    font-weight: bold;
178
-    font-size: 1.2rem;
179
-    text-align: center; }
180
-    .introduction .button:hover {
181
-      background-color: #1C2532; }
200
+  text-align: center;
201
+}
202
+@media (max-width: 1000px) {
203
+  .introduction {
204
+    width: 80%;
205
+  }
206
+}
207
+.introduction i {
208
+  margin-right: 15px;
209
+}
210
+.introduction .button {
211
+  display: inline-block;
212
+  padding: 10px 30px;
213
+  color: #FAFBFC;
214
+  background-color: #323E4F;
215
+  cursor: pointer;
216
+  margin-top: 25px;
217
+  font-weight: bold;
218
+  font-size: 1.2rem;
219
+  text-align: center;
220
+}
221
+.introduction .button:hover {
222
+  background-color: #1C2532;
223
+}
182 224
 
183 225
 #presentation p {
184 226
   margin: 0;
185 227
   margin-top: 20px;
186
-  padding: 0; }
228
+  padding: 0;
229
+}
187 230
 #presentation img {
188 231
   display: block;
189 232
   width: 125px;
190
-  margin: auto; }
233
+  margin: auto;
234
+}
191 235
 
192 236
 #profile ul {
193 237
   display: flex;
@@ -195,103 +239,130 @@ header {
195 239
   flex-direction: row;
196 240
   width: auto;
197 241
   padding: 0;
198
-  margin: 5px 0 0 0; }
199
-  #profile ul li {
200
-    list-style: none;
201
-    color: #3B5998;
202
-    border: 2px solid #3B5998;
203
-    border-radius: 100px;
204
-    background-color: #FAFBFC;
205
-    cursor: default;
206
-    padding: 5px 10px;
207
-    margin-right: 10px;
208
-    font-size: 0.8rem;
209
-    margin-top: 5px; }
242
+  margin: 5px 0 0 0;
243
+}
244
+#profile ul li {
245
+  list-style: none;
246
+  color: #3B5998;
247
+  border: 2px solid #3B5998;
248
+  border-radius: 100px;
249
+  background-color: #FAFBFC;
250
+  cursor: default;
251
+  padding: 5px 10px;
252
+  margin-right: 10px;
253
+  font-size: 0.8rem;
254
+  margin-top: 5px;
255
+}
210 256
 
211 257
 .online-profiles {
212 258
   display: flex;
213 259
   flex-wrap: wrap;
214 260
   list-style: none;
215 261
   padding: 0;
216
-  margin: 10px 0; }
217
-  .online-profiles li {
218
-    margin-right: 25px; }
219
-  .online-profiles a {
220
-    color: lightslategray; }
221
-    .online-profiles a:hover {
222
-      color: #0194EF; }
262
+  margin: 10px 0;
263
+}
264
+.online-profiles li {
265
+  margin-right: 25px;
266
+}
267
+.online-profiles a {
268
+  color: lightslategray;
269
+}
270
+.online-profiles a:hover {
271
+  color: #0194EF;
272
+}
223 273
 
224 274
 #member .membership {
225 275
   display: flex;
226 276
   flex-direction: row;
227
-  justify-content: space-around; }
228
-  #member .membership div {
229
-    display: flex;
230
-    flex-direction: column;
231
-    justify-content: center;
232
-    align-items: center; }
277
+  justify-content: space-around;
278
+}
279
+#member .membership div {
280
+  display: flex;
281
+  flex-direction: column;
282
+  justify-content: center;
283
+  align-items: center;
284
+}
233 285
 
234 286
 #contact .form-contact {
235 287
   width: 50%;
236 288
   display: flex;
237 289
   flex-direction: column;
238
-  margin: 30px auto; }
239
-  @media (max-width: 1000px) {
240
-    #contact .form-contact {
241
-      width: 100%; } }
242
-  #contact .form-contact input, #contact .form-contact textarea {
243
-    padding: 10px;
244
-    margin: 10px 0;
245
-    border-radius: 5px;
246
-    border: 0;
247
-    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
248
-    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
249
-    font-size: 1.1rem;
250
-    color: #323E4F; }
251
-  #contact .form-contact textarea {
252
-    overflow: auto;
253
-    min-height: 200px; }
290
+  margin: 30px auto;
291
+}
292
+@media (max-width: 1000px) {
293
+  #contact .form-contact {
294
+    width: 100%;
295
+  }
296
+}
297
+#contact .form-contact input, #contact .form-contact textarea {
298
+  padding: 10px;
299
+  margin: 10px 0;
300
+  border-radius: 5px;
301
+  border: 0;
302
+  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
303
+  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
304
+  font-size: 1.1rem;
305
+  color: #323E4F;
306
+}
307
+#contact .form-contact textarea {
308
+  overflow: auto;
309
+  min-height: 200px;
310
+}
311
+#contact .form-contact .form-row {
312
+  display: flex;
313
+  justify-content: space-between;
314
+  width: 100%;
315
+}
316
+@media (max-width: 1000px) {
254 317
   #contact .form-contact .form-row {
255
-    display: flex;
256
-    justify-content: space-between;
257
-    width: 100%; }
258
-    @media (max-width: 1000px) {
259
-      #contact .form-contact .form-row {
260
-        flex-direction: column; } }
261
-    #contact .form-contact .form-row input, #contact .form-contact .form-row textarea {
262
-      width: 100%; }
263
-      @media (max-width: 1000px) {
264
-        #contact .form-contact .form-row input, #contact .form-contact .form-row textarea {
265
-          width: auto; } }
266
-      @media (min-width: 1000px) {
267
-        #contact .form-contact .form-row input:first-child, #contact .form-contact .form-row textarea:first-child {
268
-          margin-right: 10px; }
269
-        #contact .form-contact .form-row input:last-child, #contact .form-contact .form-row textarea:last-child {
270
-          margin-left: 10px; } }
271
-  #contact .form-contact #form-submit {
272
-    margin: auto; }
273
-    #contact .form-contact #form-submit input[type=submit], #contact .form-contact #form-submit textarea[type=submit] {
274
-      border-style: none;
275
-      cursor: pointer;
276
-      padding: 10px 50px;
277
-      font-size: 1.2rem;
278
-      margin: auto; }
279
-  #contact .form-contact #form-thankyou {
280
-    text-align: center;
281
-    font-size: 1.2rem;
282
-    color: crimson;
283
-    font-weight: bold;
284
-    padding: 30px; }
318
+    flex-direction: column;
319
+  }
320
+}
321
+#contact .form-contact .form-row input, #contact .form-contact .form-row textarea {
322
+  width: 100%;
323
+}
324
+@media (max-width: 1000px) {
325
+  #contact .form-contact .form-row input, #contact .form-contact .form-row textarea {
326
+    width: auto;
327
+  }
328
+}
329
+@media (min-width: 1000px) {
330
+  #contact .form-contact .form-row input:first-child, #contact .form-contact .form-row textarea:first-child {
331
+    margin-right: 10px;
332
+  }
333
+  #contact .form-contact .form-row input:last-child, #contact .form-contact .form-row textarea:last-child {
334
+    margin-left: 10px;
335
+  }
336
+}
337
+#contact .form-contact #form-submit {
338
+  margin: auto;
339
+}
340
+#contact .form-contact #form-submit input[type=submit], #contact .form-contact #form-submit textarea[type=submit] {
341
+  border-style: none;
342
+  cursor: pointer;
343
+  padding: 10px 50px;
344
+  font-size: 1.2rem;
345
+  margin: auto;
346
+}
347
+#contact .form-contact #form-thankyou {
348
+  text-align: center;
349
+  font-size: 1.2rem;
350
+  color: crimson;
351
+  font-weight: bold;
352
+  padding: 30px;
353
+}
285 354
 
286 355
 #panel-info {
287 356
   margin: 0;
288 357
   padding: 0;
289
-  line-height: 0; }
290
-  #panel-info svg {
291
-    margin: 0;
292
-    padding: 0;
293
-    line-height: 0;
294
-    fill: #FAFBFC; }
358
+  line-height: 0;
359
+}
360
+#panel-info svg {
361
+  margin: 0;
362
+  padding: 0;
363
+  line-height: 0;
364
+  fill: #FAFBFC;
365
+}
295 366
 
296 367
 #panel-content {
297 368
   border: 4px solid #FAFBFC;
@@ -300,17 +371,20 @@ header {
300 371
   padding: 10px 20px;
301 372
   border-radius: 25px;
302 373
   font-size: 0.9rem;
303
-  text-align: center; }
374
+  text-align: center;
375
+}
304 376
 
305 377
 footer {
306 378
   font-size: 0.8rem;
307 379
   display: flex;
308 380
   width: 100%;
309
-  justify-content: center; }
310
-  footer div {
311
-    width: 25%;
312
-    min-width: 250px;
313
-    text-align: center;
314
-    margin-bottom: 50px; }
381
+  justify-content: center;
382
+}
383
+footer div {
384
+  width: 25%;
385
+  min-width: 250px;
386
+  text-align: center;
387
+  margin-bottom: 50px;
388
+}
315 389
 
316 390
 /*# sourceMappingURL=stylesheet.css.map */

+ 1
- 7
themes/personal/static/styles/stylesheet.css.map
File diff suppressed because it is too large
View File


Loading…
Cancel
Save