Adding proper compiling of css and sib-oidc draft

Makefile

@@ -11,7 +11,7 @@ clean:
 
 install: node_modules copy_lib copy_samples
 
-build: $(DIST_DIR)/index.html $(DIST_DIR)/styles/index.css $(SCRIPT_DEST)
+build: $(DIST_DIR)/index.html $(DIST_DIR)/styles/coopstarter.css $(SCRIPT_DEST)
 
 watch:
 	@echo 'watching for change'
@@ -60,7 +60,7 @@ $(DIST_DIR)/index.staging.html: src/index.pug src/config.json $(wildcard src/*.p
 	node_modules/.bin/pug --pretty $< --out $(dir $@) -E staging.html -O src/config.json || touch $@
 
 # sass
-$(DIST_DIR)/styles/index.css: src/styles/index.scss $(wildcard src/*.scss src/*/*.scss)
+$(DIST_DIR)/styles/coopstarter.css: src/styles/index.scss $(wildcard src/*.scss src/*/*.scss)
 	@echo sass: $< ➜ $@
 	@node_modules/.bin/node-sass $< $@ --source-map true --source-map-contents || touch $@
 

package.json

@@ -15,7 +15,6 @@
     "@webcomponents/webcomponentsjs": "^1.2.7",
     "include-media": "^1.4.9",
     "normalize.css": "^8.0.0",
-    "oidc-client": "^1.5.3-beta.1",
     "simple-line-icons": "^2.4.1"
   }
 }

src/includes/head.pug

@@ -4,8 +4,7 @@ head
     script(src="https://unpkg.com/@webcomponents/webcomponentsjs@1.2.7/webcomponents-loader.js")
     script(type="module" src="https://unpkg.com/@startinblox/core@0.6")
     script(type="module" src="https://unpkg.com/@startinblox/router@0.6")
+    script(type="module" src="https://unpkg.com/@startinblox/oidc@0.6")
     script(src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous")
-    script(src="/scripts/bootstrap.min.js")
     script(src="/scripts/coopstarter.js")
-    link(rel="stylesheet" href="/styles/bootstrap.min.css")
     link(rel="stylesheet" href="/styles/coopstarter.css")

src/includes/header.pug

+sib-widget(name='account-user-avatar')
+  template
+    img(name="${name}",src="\${value || '/images/alien.jpg'}",style="max-width:100%; max-height: 100%;")
+
 .container
     .d-flex.justify-content-between
         a(href='/') Mentorship program
         include menu.pug
+
+        sib-display#user-controls__profile(
+            data-fields='first_name, account.picture',
+            widget-account.picture='account-user-avatar',
+            bind-user
+        )
+
+        button(role='log in' onclick="document.querySelector('sib-auth').login();") Login
+
+sib-auth
+  sib-auth-provider(
+    class="sib-auth-provider"
+    data-authority=`${sdn}/openid/`
+    data-client_id=`${client_id}`,
+    data-id="coopstarter"
+    data-response_type='id_token token',
+    data-scope='openid profile email',
+    data-automaticSilentRenew='true',
+    data-loadUserInfo='true'
+  )
\ No newline at end of file

src/styles/index.scss

+@charset "UTF-8";
+
+@import '../../node_modules/include-media/dist/include-media';
+@import '../../node_modules/normalize.css/normalize';
+
 @import "variables";
-@import "header";
\ No newline at end of file
+@import "header";
+
+div#viewport {
+    display: flex;
+    flex-grow: 1;
+    flex-shrink: 1;
+    overflow-y: auto;
+    // @import 'components/index';
+    // @import 'layout/members/index';
+    // @import 'layout/job-offers/index';
+    // @import 'layout/project-profile/index';
+    // @import 'layout/circle-profile/index';
+}
\ No newline at end of file