From 4616f0457833d9ec35f81b5e293ce79d25eeeebb Mon Sep 17 00:00:00 2001 From: sthompson Date: Tue, 6 Nov 2018 11:58:07 -0600 Subject: [PATCH 01/20] Added mobile styles for tf_styles1.css and made viewport for tf_home.html --- tutorial/.tf_flex.css.kate-swp | Bin 0 -> 4468 bytes ...{tf_articles_txt.html => tf_articles.html} | 4 +- tutorial/{tf_flex_txt.css => tf_flex.css} | 25 +++++- tutorial/{tf_home_txt.html => tf_home.html} | 8 +- .../{tf_navicon_txt.css => tf_navicon.css} | 0 tutorial/{tf_prek_txt.html => tf_prek.html} | 7 +- tutorial/{tf_print_txt.css => tf_print.css} | 0 .../{tf_styles1_txt.css => tf_styles1.css} | 84 +++++++++++++++++- 8 files changed, 117 insertions(+), 11 deletions(-) create mode 100644 tutorial/.tf_flex.css.kate-swp rename tutorial/{tf_articles_txt.html => tf_articles.html} (99%) rename tutorial/{tf_flex_txt.css => tf_flex.css} (60%) rename tutorial/{tf_home_txt.html => tf_home.html} (93%) rename tutorial/{tf_navicon_txt.css => tf_navicon.css} (100%) rename tutorial/{tf_prek_txt.html => tf_prek.html} (96%) rename tutorial/{tf_print_txt.css => tf_print.css} (100%) rename tutorial/{tf_styles1_txt.css => tf_styles1.css} (61%) diff --git a/tutorial/.tf_flex.css.kate-swp b/tutorial/.tf_flex.css.kate-swp new file mode 100644 index 0000000000000000000000000000000000000000..04e4e1f2718eefaf4af08f2ca90a726b24fe6386 GIT binary patch literal 4468 zcmb`K&2E)d6oyZeA}w&*!|5qhQF_FgKrK~)=)h4m#F>q092ThwktjhDG{k{7z<>c< zf@811yK&?lIB`Ai_pZHHPc$LMFZt5*to{3~_uW4ojYiYYj~*Y-51t%7oPT=%!SQ@= zXLmFj%|3f^_~)}m1l=3T;hG>=3G#elB`D@gI+D+Ir25&8^mb;U^U|3*_s3^vnJiej zf6&{HBerzZS;_sXvy%HUsmkdQnRKMVdatkcKXq37k23kpKfn^cT8LleAvPf7S4U%n#g&`a7#ZR6h5E2qz z8EWiO98al1mo3bA3EqTjd2GaAQlk&2n+y;)nm;i(%WW72AlOHYV7hguR3;STb?T4B2QUS<|ap# zZ;Ipw^Xsq z--y@O=)L&KQ?Aj3e2sozWv!HNAylu?aJ@#u^%@P=YcwohdFO^#RI@!)j%%cF7ubf<1$?`gYm8>!$`O4Q)%3&WBiTQ5=EZh0w2~XqYlArn7 zfNd1YWgHs`mT`PdgXN7f9eKmIY|7;gYYl5z`{abRte@t^lZcLrcI#JUxDtF2g}U{B z$d7p1tzRV(SlHAFOFwVQu=KN6;kv2A^(2R-o=+O~Q-Of6y3+t%1A!)Cp zx?Sst=&+815yvNc0c3;i-oM)W7|q)K=qBQiN!b@vCY&lWV)E)RL}G4euuNbP;A#T6 zp6u|+-JeL^{bAX_Nrq*EGH= diff --git a/tutorial/tf_flex_txt.css b/tutorial/tf_flex.css similarity index 60% rename from tutorial/tf_flex_txt.css rename to tutorial/tf_flex.css index e441a76..479657e 100644 --- a/tutorial/tf_flex_txt.css +++ b/tutorial/tf_flex.css @@ -5,8 +5,8 @@ Tutorial 5 Tutorial Case - Author: - Date: + Author: Steven Thompson & James Allen + Date: November 6, 2018 Filename: tf_flex.css @@ -21,7 +21,26 @@ ================ */ - + body { + display: -webkit-flex; + display: flex; + -webkit-flex-flow: row wrap; + flex-flow: row wrap; + } + + header, footer{ + width: 100%; + } + + aside{ + -webkit-flex: 1 1 120px; + flex: 1 1 120px; + } + + section#main{ + -webkit-flex: 3 1 361px; + flex: 3 1 361px; + } /* ========================= diff --git a/tutorial/tf_home_txt.html b/tutorial/tf_home.html similarity index 93% rename from tutorial/tf_home_txt.html rename to tutorial/tf_home.html index 31bb7ed..d962454 100644 --- a/tutorial/tf_home_txt.html +++ b/tutorial/tf_home.html @@ -7,20 +7,22 @@ Tutorial Case Home Page of the Trusted Friends website - Author: - Date: + Author: Steven Thompson & James Allen + Date: November 6, 2018 Filename: tf_home.html --> Trusted Friends Daycare + + +
Trusted Friends -