From f00d1d7928eff9409eb8d49a5f15795fce2ab1f4 Mon Sep 17 00:00:00 2001 From: Clark Reilly Date: Fri, 1 May 2020 16:28:10 -0400 Subject: [PATCH] initial commit for final --- web-three-twitter-boilerplate | 1 + week-3/js/test.js | 0 week-6.zip | Bin 0 -> 1966 bytes week-6/week-6/css/style.css | 64 ++++++++++++++++++++++++++++++++ week-6/week-6/index.html | 40 ++++++++++++++++++++ week-6/week-6/js/tic-tac-toe.js | 6 +++ week-7/index.html | 25 +++++++++++++ week-7/vue.js | 24 ++++++++++++ 8 files changed, 160 insertions(+) create mode 160000 web-three-twitter-boilerplate create mode 100644 week-3/js/test.js create mode 100644 week-6.zip create mode 100644 week-6/week-6/css/style.css create mode 100644 week-6/week-6/index.html create mode 100644 week-6/week-6/js/tic-tac-toe.js create mode 100644 week-7/index.html create mode 100644 week-7/vue.js diff --git a/web-three-twitter-boilerplate b/web-three-twitter-boilerplate new file mode 160000 index 0000000..fdceacf --- /dev/null +++ b/web-three-twitter-boilerplate @@ -0,0 +1 @@ +Subproject commit fdceacf750fd799fa957787761b7aeb1e9450cfd diff --git a/week-3/js/test.js b/week-3/js/test.js new file mode 100644 index 0000000..e69de29 diff --git a/week-6.zip b/week-6.zip new file mode 100644 index 0000000000000000000000000000000000000000..4fb3f26121f3ff5f518c6a0a60c8b51bb6c7754a GIT binary patch literal 1966 zcmWIWW@Zs#0D;8Zr~ohnO0Y91FqEgJX6u^ihlcPnu$%7*i*o>C5M5fq&A`a=m63q~ ztT_N|2nPcP!+9h_7BVw12qFy0%u7kF(90;v%>f(7zBeomhS7|BJK5gs5v}KAGDZ8qEI4 z=lZ+@?ypZtX)SF$m*vqun{)HMNuheKYh_MkmTh&PsLFoyOqN-2;k60ffl{Z>{n8gZ z;MupOtU=Y`&MKY{nmgS@nr9tdEvxT2DW->i;`!{&_f|jNIQ8q9SrsqDg07luOxNIX zO}1V(*J(=4x;^b1l;0iaj#Y}jo||xm%|3Cq@BX~)HyIU`9$zRC+uNa^8@D>)hvegx zlKZ1Y8^qNg)Zf0Jvs^xlr}ahf#_p2}3;4DvwmEvo37J-?x0u;QFJesJJ)u(J;cTxX zB6s7{&2N_6$~WC6x?j?}r}LWTN{j4{8Oh~($EF;+@U8v{e}FeT$KPrT{s>^afg%SI zZJ_A(Mv68NpBoWv$;HKx_~!%0yC4vQXtW4J7?g%)5EsIrET}o4G~^4!AR4PVpmfxU zWDYkA1A_>{9FT*GODc0x^?)pJQfda81jA@1&JFg>ziq&?_jkB}2Af6Xm1U-76a5eC z?fx!)!Yns?vTFaN$yLt(e`{E-GhV{n7W?Pp7Z1Bh{`}QHKK5a+y4hfM;Gg2@Zy&UoSKR6T@Jl^dwLZ96MM7)yb)CsiVmwq1&RC=-6nNoMryjw)a++dmOQ<+D74vZbIbW9Q!NjKo2c{b3S<9p zs_NmylIS$UyntKFcDVh%sL_|nyKK{aHTe?jZf|3utU9Hm%Bdykt$Y?gvMVlxeOa-4 z-pT&sk5~Gi+VtCxcZQXB>$zQ=w(Xk1&nJj)XrH|3&#v!x`RttjeJMNCYqUjseQ4Q| z*&Iih z?cJ1{AAL4Ao1xI=`@iE$IPTwM{BvC>Z|j_DwWEtq|Bnq6dHQO~(QNa-$38EqyZd~1 zPlLWAOOp52J~qzF7D`u7EzfFR+j<*e*YGqiC%5ON7tVPFOigdrIn2@byOhn~IY{Zo6_}7E5a|Y({z@{FbxRU~I6qY{3zBwxfN7^6 zh(R=3+R^sb3G&d<2-pyM!do|-L)-W2if2Iq9%nZO1%&GXd90^azGiR@67m*WE8}G6*1kCuij(>o00X3euA_EZ^*a{7V!LCejgNZ6a z5a9tTM39pSs1SjHC5^oZb4e;vU_k;3aZqwYj$%-9gMlTDM}bKb8YCnqz5s7lHjqhd NK&T6JX*Mf}2LKfZgGm4Y literal 0 HcmV?d00001 diff --git a/week-6/week-6/css/style.css b/week-6/week-6/css/style.css new file mode 100644 index 0000000..248cddb --- /dev/null +++ b/week-6/week-6/css/style.css @@ -0,0 +1,64 @@ +/* CSS files add styling rules to your content */ + +* { + box-sizing: border-box; +} + +:root { + --board-size: 200px; + --line-color: grey; + --gap: 5px; +} + +body { + font-family: Arial, Helvetica, sans-serif; + +} + +main { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} + + +.gameboard { + width: calc( (3 * var(--board-size)) + (2 * var(--gap)) ); + display: grid; + grid-template-columns: repeat(3, var(--board-size) ); + grid-template-rows: repeat(3, var(--board-size) ); + place-items: stretch; + background-color: var(--line-color); + grid-gap: 5px; + +} + +.square { + display: flex; + justify-content: center; + align-items: center; + background-color: white; + color: #333; + font-size: var(--board-size); + line-height: var(--board-size); + text-transform: uppercase; + margin:0; + padding:0; + cursor: pointer; + +} + +.square:hover { + background-color: #eee; +} + + +.banner { + background-color: lightblue; + position: absolute; + top: 0px; + padding: 1em; + width: 100%; + text-align: center; +} \ No newline at end of file diff --git a/week-6/week-6/index.html b/week-6/week-6/index.html new file mode 100644 index 0000000..aec9046 --- /dev/null +++ b/week-6/week-6/index.html @@ -0,0 +1,40 @@ + + + + + + Tic Tac Toe + + + + + + + + +
+ + + +
+ +
+
+
+
+
+
+
+
+
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/week-6/week-6/js/tic-tac-toe.js b/week-6/week-6/js/tic-tac-toe.js new file mode 100644 index 0000000..fd3cd89 --- /dev/null +++ b/week-6/week-6/js/tic-tac-toe.js @@ -0,0 +1,6 @@ +var app = new Vue({ + el: '#vue-app', + data: { + turn: 'x' + } +}); \ No newline at end of file diff --git a/week-7/index.html b/week-7/index.html new file mode 100644 index 0000000..2f0feb1 --- /dev/null +++ b/week-7/index.html @@ -0,0 +1,25 @@ + + + + + + + Cocktail Browser + + + + + +
+ +
    +
  1. + {{ drink.strDrink }} +
    2. +
+
+ + + + + \ No newline at end of file diff --git a/week-7/vue.js b/week-7/vue.js new file mode 100644 index 0000000..694742e --- /dev/null +++ b/week-7/vue.js @@ -0,0 +1,24 @@ +//fetch('https://www.thecocktaildb.com/api/json/v1/1/search.php?s=margarita').then(margarita => console.log(margarita)) + + +var app = new Vue({ + el: '#app', + data: { + drinks: [], + searchValue: null, + }, + methods: { + search(){ + fetch(`https://www.thecocktaildb.com/api/json/v1/1/search.php?s=${this.searchValue}`) + .then((response) => { + return response.json(); + }) + .then((data) => { + console.log(data) + this.drinks = data.drinks; + }) + + + } + } +}) \ No newline at end of file