diff --git a/client/package-lock.json b/client/package-lock.json index d8ca5cb..d1ab58b 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -3259,7 +3259,6 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz", "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==", - "dev": true, "requires": { "postcss": "^7.0.5" }, @@ -3268,7 +3267,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz", "integrity": "sha512-Nq/rNjnHFcKgCDDZYO0lNsl6YWe6U7tTy+ESN+PnLxebL8uBtYX59HZqvrj7YLK5UCyll2hqDsJOo3ndzEW8Ug==", - "dev": true, "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", @@ -3278,8 +3276,7 @@ "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -3376,8 +3373,7 @@ "cssdb": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.2.0.tgz", - "integrity": "sha512-27CuM+rp1/HIH4hkiOvrRUjgv31WamWk7+XSGz7OP/uWR8EOMeXOh4Ncpa/Eq1eO/1eRhQx7HWj8KEbt4nKQBA==", - "dev": true + "integrity": "sha512-27CuM+rp1/HIH4hkiOvrRUjgv31WamWk7+XSGz7OP/uWR8EOMeXOh4Ncpa/Eq1eO/1eRhQx7HWj8KEbt4nKQBA==" }, "cssesc": { "version": "0.1.0", @@ -3734,8 +3730,7 @@ "dependency-graph": { "version": "0.7.2", "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.7.2.tgz", - "integrity": "sha512-KqtH4/EZdtdfWX0p6MGP9jljvxSY6msy/pRUD4jgNwVpv3v1QmNLlsB3LDSSUg79BRVSn7jI1QPRtArGABovAQ==", - "dev": true + "integrity": "sha512-KqtH4/EZdtdfWX0p6MGP9jljvxSY6msy/pRUD4jgNwVpv3v1QmNLlsB3LDSSUg79BRVSn7jI1QPRtArGABovAQ==" }, "des.js": { "version": "1.0.0", @@ -6108,8 +6103,7 @@ "get-stdin": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", - "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", - "dev": true + "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==" }, "get-stream": { "version": "3.0.0", @@ -8443,7 +8437,6 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", - "dev": true, "requires": { "chalk": "^2.0.1" } @@ -8754,6 +8747,11 @@ "minimist": "0.0.8" } }, + "moment": { + "version": "2.22.2", + "resolved": "https://registry.npmjs.org/moment/-/moment-2.22.2.tgz", + "integrity": "sha1-PCV/mDn8DpP/UxSWMiOeuQeD/2Y=" + }, "move-concurrently": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz", @@ -9475,7 +9473,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz", "integrity": "sha512-Nq/rNjnHFcKgCDDZYO0lNsl6YWe6U7tTy+ESN+PnLxebL8uBtYX59HZqvrj7YLK5UCyll2hqDsJOo3ndzEW8Ug==", - "dev": true, "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", @@ -9485,8 +9482,7 @@ "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -9548,7 +9544,6 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.1.tgz", "integrity": "sha512-M9GiEMzXVMlI4ln8e+mdeHT+qvoHVZdlN06hj5/EhrRZWDr+J1sniPeGJ4nghknl+du3Oj2UoqqhgpKKhiZ9+w==", - "dev": true, "requires": { "chalk": "^2.1.0", "chokidar": "^2.0.0", @@ -9568,7 +9563,6 @@ "version": "0.10.0", "resolved": "https://registry.npmjs.org/execa/-/execa-0.10.0.tgz", "integrity": "sha512-7XOMnz8Ynx1gGo/3hyV9loYNPWM94jG3+3T3Y8tsfSstFmETmENCMU/A/zj8Lyaj1lkgEepKepvd6240tBRvlw==", - "dev": true, "requires": { "cross-spawn": "^6.0.0", "get-stream": "^3.0.0", @@ -9583,7 +9577,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, "requires": { "locate-path": "^3.0.0" } @@ -9591,14 +9584,12 @@ "invert-kv": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", - "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==", - "dev": true + "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==" }, "lcid": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", - "dev": true, "requires": { "invert-kv": "^2.0.0" } @@ -9607,7 +9598,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, "requires": { "p-locate": "^3.0.0", "path-exists": "^3.0.0" @@ -9617,7 +9607,6 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/mem/-/mem-4.0.0.tgz", "integrity": "sha512-WQxG/5xYc3tMbYLXoXPm81ET2WDULiU5FxbuIoNbJqLOOI8zehXFdZuiUEgfdrU2mVB1pxBZUGlYORSrpuJreA==", - "dev": true, "requires": { "map-age-cleaner": "^0.1.1", "mimic-fn": "^1.0.0", @@ -9628,7 +9617,6 @@ "version": "3.0.1", "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.0.1.tgz", "integrity": "sha512-7g5e7dmXPtzcP4bgsZ8ixDVqA7oWYuEz4lOSujeWyliPai4gfVDiFIcwBg3aGCPnmSGfzOKTK3ccPn0CKv3DBw==", - "dev": true, "requires": { "execa": "^0.10.0", "lcid": "^2.0.0", @@ -9639,7 +9627,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.0.0.tgz", "integrity": "sha512-fl5s52lI5ahKCernzzIyAP0QAZbGIovtVHGwpcu1Jr/EpzLVDI2myISHwGqK7m8uQFugVWSrbxH7XnhGtvEc+A==", - "dev": true, "requires": { "p-try": "^2.0.0" } @@ -9648,7 +9635,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, "requires": { "p-limit": "^2.0.0" } @@ -9656,14 +9642,12 @@ "p-try": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.0.0.tgz", - "integrity": "sha512-hMp0onDKIajHfIkdRk3P4CdCmErkYAxxDtP3Wx/4nZ3aGlau2VKh3mZpcuFkH27WQkL/3WBCPOktzA9ZOAnMQQ==", - "dev": true + "integrity": "sha512-hMp0onDKIajHfIkdRk3P4CdCmErkYAxxDtP3Wx/4nZ3aGlau2VKh3mZpcuFkH27WQkL/3WBCPOktzA9ZOAnMQQ==" }, "yargs": { "version": "12.0.5", "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", - "dev": true, "requires": { "cliui": "^4.0.0", "decamelize": "^1.2.0", @@ -9683,7 +9667,6 @@ "version": "11.1.1", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", - "dev": true, "requires": { "camelcase": "^5.0.0", "decamelize": "^1.2.0" @@ -10058,7 +10041,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz", "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==", - "dev": true, "requires": { "postcss": "^7.0.5", "postcss-values-parser": "^2.0.0" @@ -10068,7 +10050,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz", "integrity": "sha512-Nq/rNjnHFcKgCDDZYO0lNsl6YWe6U7tTy+ESN+PnLxebL8uBtYX59HZqvrj7YLK5UCyll2hqDsJOo3ndzEW8Ug==", - "dev": true, "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", @@ -10078,8 +10059,7 @@ "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -10264,7 +10244,6 @@ "version": "12.0.1", "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz", "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==", - "dev": true, "requires": { "postcss": "^7.0.1", "postcss-value-parser": "^3.2.3", @@ -10276,7 +10255,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz", "integrity": "sha512-Nq/rNjnHFcKgCDDZYO0lNsl6YWe6U7tTy+ESN+PnLxebL8uBtYX59HZqvrj7YLK5UCyll2hqDsJOo3ndzEW8Ug==", - "dev": true, "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", @@ -10286,8 +10264,7 @@ "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -10741,7 +10718,6 @@ "version": "4.1.0", "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.1.0.tgz", "integrity": "sha512-owY13v4s3WWTUjsT1H1Cgpa4veHjcBJ/FqbgORe1dJIKpggbFoh6ww+zUP0nzrvy7fXGihcuFhJQj3eXtaWXsw==", - "dev": true, "requires": { "postcss": "^7.0.2", "postcss-selector-parser": "^3.1.1" @@ -10751,7 +10727,6 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz", "integrity": "sha1-T4dfSvsMllc9XPTXQBGu4lCn6GU=", - "dev": true, "requires": { "dot-prop": "^4.1.1", "indexes-of": "^1.0.1", @@ -11135,7 +11110,6 @@ "version": "6.4.0", "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.4.0.tgz", "integrity": "sha512-0jCyY/T9kWv1i2abt5DOOoh0uHJia0HUTWMV72Tw75tGx3pH628oSS8WBMCE5L1Ou3LvoAl9pe07u8g/afvc3A==", - "dev": true, "requires": { "autoprefixer": "^9.3.1", "browserslist": "^4.3.4", @@ -11178,7 +11152,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.6.tgz", "integrity": "sha512-Nq/rNjnHFcKgCDDZYO0lNsl6YWe6U7tTy+ESN+PnLxebL8uBtYX59HZqvrj7YLK5UCyll2hqDsJOo3ndzEW8Ug==", - "dev": true, "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", @@ -11189,7 +11162,6 @@ "version": "5.0.0", "resolved": "https://registry.npmjs.org/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz", "integrity": "sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw==", - "dev": true, "requires": { "@csstools/convert-colors": "^1.4.0", "postcss": "^7.0.5", @@ -11199,8 +11171,7 @@ "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -11315,7 +11286,6 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.0.tgz", "integrity": "sha512-5xQXm1UPWuFObjbtyQzWvQaupru8yFcFi4HUlm6OPo1o2bUszYASuqRJ7bVArb3svGCdbYtqdMBKrqR1Aoy+tw==", - "dev": true, "requires": { "chalk": "^2.0.1", "lodash": "^4.17.4", @@ -11535,8 +11505,7 @@ "pretty-hrtime": { "version": "1.0.3", "resolved": "http://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", - "dev": true + "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=" }, "private": { "version": "0.1.8", @@ -12091,7 +12060,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", - "dev": true, "requires": { "pify": "^2.3.0" } diff --git a/client/package.json b/client/package.json index a7f4431..c2645c0 100644 --- a/client/package.json +++ b/client/package.json @@ -3,13 +3,9 @@ "version": "0.1.0", "private": true, "dependencies": { + "autoprefixer": "^9.4.2", "axios": "^0.18.0", - "ramda": "^0.26.1", - "react": "^16.6.3", - "react-dom": "^16.6.3", - "react-router-dom": "^4.3.1", - "react-scripts": "2.1.1", - "styled-components": "^4.1.2", + "moment": "^2.22.2", "postcss": "^7.0.6", "postcss-cli": "^6.0.1", "postcss-custom-media": "^7.0.7", @@ -17,7 +13,12 @@ "postcss-import": "^12.0.1", "postcss-nested": "^4.1.0", "postcss-preset-env": "^6.4.0", - "autoprefixer": "^9.4.2", + "ramda": "^0.26.1", + "react": "^16.6.3", + "react-dom": "^16.6.3", + "react-router-dom": "^4.3.1", + "react-scripts": "2.1.1", + "styled-components": "^4.1.2", "tachyons-custom": "^4.9.6" }, "scripts": { diff --git a/client/public/favicon.png b/client/public/favicon.png new file mode 100644 index 0000000..fe507ad Binary files /dev/null and b/client/public/favicon.png differ diff --git a/client/public/index.html b/client/public/index.html index 4bfce95..87f7f73 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -1,15 +1,22 @@ - - - - + + + + - + + - React App + Gaza Talent - +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/assets/linkedinLogo.svg b/client/src/assets/linkedinLogo.svg new file mode 100644 index 0000000..9344fda --- /dev/null +++ b/client/src/assets/linkedinLogo.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/assets/profilePhotoPlaceholder.png b/client/src/assets/profilePhotoPlaceholder.png new file mode 100644 index 0000000..e7bdbef Binary files /dev/null and b/client/src/assets/profilePhotoPlaceholder.png differ diff --git a/client/src/constants/airtableKeys.js b/client/src/constants/airtableKeys.js new file mode 100644 index 0000000..9c3e105 --- /dev/null +++ b/client/src/constants/airtableKeys.js @@ -0,0 +1,6 @@ +export const UNTIL_AVAILABLE = + "If you're not available now, when will you be available ?"; +export const IS_AVAILABLE = "Are you currently available to work with us?"; +export const TECHNOLOGIES_EXPERIENCE = + "Have you worked before with any of the below listed technologies?"; +export const TECHNOLOGIES_WISHLIST = "In which technologies are you interested"; diff --git a/client/src/pages/Home.js b/client/src/pages/Home.js index 3885544..49fe650 100644 --- a/client/src/pages/Home.js +++ b/client/src/pages/Home.js @@ -1,32 +1,142 @@ import React from "react"; +import moment from "moment"; import styled from "styled-components"; +import { + UNTIL_AVAILABLE, + IS_AVAILABLE, + TECHNOLOGIES_EXPERIENCE +} from "../constants/airtableKeys"; +import profilePhotoPlaceholder from "../assets/profilePhotoPlaceholder.png"; +import githubIcon from "../assets/githubLogo.svg"; +import linkedinIcon from "../assets/linkedinLogo.svg"; import * as r from "ramda"; const HomeContainer = styled.section.attrs({ - className: "pr3 blue bg-yellow" + className: "black w-90 db center" +})``; + +const HomeTitle = styled.h1.attrs({ + className: "f1 ttu mid-gray tc" })``; const ListingItemList = styled.ul.attrs({ - className: "ba bw1 b--black" + className: "ph0" })``; const ListingItem = styled.li.attrs({ - className: "list bg-white" + className: + "list pa3 db mb2 bg-near-white br2 flex justify-between items-center" })``; const ListingItemNameText = styled.h3.attrs({ - className: "f3 b" + className: "f3 b tracked ttu ma0" +})``; + +const monthAvailable = listing => { + if (listing.fields[IS_AVAILABLE] === "Yes") return "Currently available"; + const monthsUntilAvailableRaw = listing.fields[UNTIL_AVAILABLE]; + const monthsUntilAvailable = monthsUntilAvailableRaw.split(" ")[0]; + const month = moment(listing._rawJson.createdTime) + .add(monthsUntilAvailable, "months") + .format("MMMM"); + return `Available from ${month}`; +}; + +const ListingItemTag = styled.li.attrs(({ colour }) => ({ + className: `br3 f6 b pv1 ph2 bg-light-${colour} dib mb2 mr1 black` +}))``; + +const SocialMediaLink = styled.a.attrs({ + className: "link flex justify-between items-center mr3 di" +})``; + +const ListingItemAvailability = ({ listing }) => { + const timeAvailable = monthAvailable(listing); + return
{timeAvailable}
; +}; + +const SocialMediaIcon = styled.div.attrs({ + className: "h2 w2" +})` + background: ${({ imgUrl }) => `center / contain no-repeat url('${imgUrl}')`}; +`; + +const SocialMediaText = styled.div.attrs({ + className: "link" +})``; +const ListingTitle = styled.div.attrs({ + className: "flex justify-between" +})``; + +const ListingJobTitle = styled.div.attrs({ + className: "flex justify-between b mb3" +})``; + +const ListingBio = styled.div.attrs({ + className: "flex justify-between i" +})``; + +const ListingTitleSocialMediaLinks = styled.div.attrs({ + className: "flex" +})``; + +const ProfilePhoto = styled.div.attrs({ + className: "h4 w-20" +})` + background: ${({ photo }) => { + const url = photo && photo[0] && photo[0].thumbnails.large.url; + return `center / contain no-repeat url('${url || + profilePhotoPlaceholder}')`; + }}; +`; + +const ListingContentRight = styled.div.attrs({ + className: "w-70 flex flex-column justify-between" })``; const Home = ({ listings }) => { + const listingsFiltered = r.pipe( + r.reverse, + r.filter(listing => { + const fields = listing.fields; + if (!fields[IS_AVAILABLE]) { + if (fields[UNTIL_AVAILABLE] === "Other") return false; + if (fields[UNTIL_AVAILABLE] === "") return false; + } + return true; + }) + )(listings); + return ( + Gaza Talent {r.map(listing => ( - {listing.fields.Name} + + + + {listing.fields.Name} + + {listing.fields["GitHub URL"] && ( + + + + )} + {listing.fields["LinkedIn URL"] && ( + + + + )} + + + {listing.fields["Job Title"]} + {listing.fields["Bio"]} + +
+ - ))(listings)} + ))(listingsFiltered)} ); diff --git a/client/src/styles/_custom.css b/client/src/styles/_custom.css index e69de29..3076657 100644 --- a/client/src/styles/_custom.css +++ b/client/src/styles/_custom.css @@ -0,0 +1,3 @@ +* { + font-family: Roboto, sans-serif; +} diff --git a/client/src/styles/_variables.css b/client/src/styles/_variables.css index ee8d1a1..217e99e 100644 --- a/client/src/styles/_variables.css +++ b/client/src/styles/_variables.css @@ -85,7 +85,7 @@ --box-shadow-4: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); --box-shadow-5: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); - --black: #000; + --black: #333; --near-black: #111; --dark-gray: #333; --mid-gray: #555;