diff --git a/res/app/components/stf/screen/screen-keyboard/index.js b/res/app/components/stf/screen/screen-keyboard/index.js
new file mode 100644
index 00000000..a09c8e2f
--- /dev/null
+++ b/res/app/components/stf/screen/screen-keyboard/index.js
@@ -0,0 +1,6 @@
+require('./screen-keyboard.css')
+
+module.exports = angular.module('stf.screen-keyboard', [
+
+])
+  .directive('screenKeyboard', require('./screen-keyboard-directive'))
diff --git a/res/app/components/stf/screen/screen-keyboard/screen-keyboard-directive.js b/res/app/components/stf/screen/screen-keyboard/screen-keyboard-directive.js
new file mode 100644
index 00000000..1b3449b2
--- /dev/null
+++ b/res/app/components/stf/screen/screen-keyboard/screen-keyboard-directive.js
@@ -0,0 +1,11 @@
+module.exports = function screenKeyboardDirective() {
+  return {
+    restrict: 'E',
+    template: require('./screen-keyboard.jade'),
+    link: function (scope, element) {
+      var input = element.find('input')
+
+
+    }
+  }
+}
diff --git a/res/app/components/stf/screen/screen-keyboard/screen-keyboard-spec.js b/res/app/components/stf/screen/screen-keyboard/screen-keyboard-spec.js
new file mode 100644
index 00000000..a5773ff3
--- /dev/null
+++ b/res/app/components/stf/screen/screen-keyboard/screen-keyboard-spec.js
@@ -0,0 +1,23 @@
+describe('screenKeyboard', function () {
+
+  beforeEach(module('stf.screen-keyboard'));
+
+  var scope, compile;
+
+  beforeEach(inject(function ($rootScope, $compile) {
+    scope = $rootScope.$new();
+    compile = $compile;
+  }));
+
+  it('should ...', function () {
+
+    /* 
+     To test your directive, you need to create some html that would use your directive,
+     send that through compile() then compare the results.
+
+     var element = compile('<div screen-keyboard name="name">hi</div>')(scope);
+     expect(element.text()).toBe('hello, world');
+     */
+
+  });
+});
\ No newline at end of file
diff --git a/res/app/components/stf/screen/screen-keyboard/screen-keyboard.css b/res/app/components/stf/screen/screen-keyboard/screen-keyboard.css
new file mode 100644
index 00000000..b140732e
--- /dev/null
+++ b/res/app/components/stf/screen/screen-keyboard/screen-keyboard.css
@@ -0,0 +1,3 @@
+.stf-screen-keyboard {
+
+}
\ No newline at end of file
diff --git a/res/app/components/stf/screen/screen-keyboard/screen-keyboard.jade b/res/app/components/stf/screen/screen-keyboard/screen-keyboard.jade
new file mode 100644
index 00000000..d2572170
--- /dev/null
+++ b/res/app/components/stf/screen/screen-keyboard/screen-keyboard.jade
@@ -0,0 +1,2 @@
+input(type='password', tabindex='40', accesskey='C',
+  autocorrect='off', autocapitalize='off').stf-screen-keyboard
diff --git a/res/app/components/stf/screen/screen-touch/index.js b/res/app/components/stf/screen/screen-touch/index.js
new file mode 100644
index 00000000..adbdadc6
--- /dev/null
+++ b/res/app/components/stf/screen/screen-touch/index.js
@@ -0,0 +1,4 @@
+module.exports = angular.module('stf.screen-touch', [
+
+])
+  .directive('screenTouch', require('./screen-touch-directive'))
diff --git a/res/app/components/stf/screen/screen-touch/screen-touch-directive.js b/res/app/components/stf/screen/screen-touch/screen-touch-directive.js
new file mode 100644
index 00000000..f4291fc8
--- /dev/null
+++ b/res/app/components/stf/screen/screen-touch/screen-touch-directive.js
@@ -0,0 +1,8 @@
+module.exports = function screenTouchDirective() {
+  return {
+    restrict: 'A',
+    link: function (scope, element, attrs) {
+
+    }
+  }
+}
diff --git a/res/app/components/stf/screen/screen-touch/screen-touch-spec.js b/res/app/components/stf/screen/screen-touch/screen-touch-spec.js
new file mode 100644
index 00000000..e6e78ca0
--- /dev/null
+++ b/res/app/components/stf/screen/screen-touch/screen-touch-spec.js
@@ -0,0 +1,23 @@
+describe('screenTouch', function () {
+
+  beforeEach(module('stf.screen-touch'));
+
+  var scope, compile;
+
+  beforeEach(inject(function ($rootScope, $compile) {
+    scope = $rootScope.$new();
+    compile = $compile;
+  }));
+
+  it('should ...', function () {
+
+    /* 
+     To test your directive, you need to create some html that would use your directive,
+     send that through compile() then compare the results.
+
+     var element = compile('<div screen-touch name="name">hi</div>')(scope);
+     expect(element.text()).toBe('hello, world');
+     */
+
+  });
+});
\ No newline at end of file