-
Notifications
You must be signed in to change notification settings - Fork 0
/
topBar.js
79 lines (69 loc) · 4.31 KB
/
topBar.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
'use strict';
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var TopBar = function (_React$Component) {
_inherits(TopBar, _React$Component);
function TopBar(props) {
_classCallCheck(this, TopBar);
return _possibleConstructorReturn(this, (TopBar.__proto__ || Object.getPrototypeOf(TopBar)).call(this, props));
}
_createClass(TopBar, [{
key: "render",
value: function render() {
return React.createElement(
"div",
null,
React.createElement(
"div",
{ className: "top-bar" },
React.createElement(
"div",
{ className: "name" },
React.createElement(
"a",
{ id: "name", href: "https://lilianzlettuce.github.io/" },
"lilian zhao"
),
React.createElement(
"div",
{ id: "toilet-model-container" },
React.createElement("model-viewer", { id: "toilet-model",
src: "assets/toilet-open-3.glb",
alt: "Toilet",
"interaction-prompt": "none",
"camera-controls": true, "disable-pan": true, "disable-tap": true, "disable-zoom": true,
"auto-rotate": true, "auto-rotate-delay": "1000",
"rotation-per-second": "10deg",
"camera-orbit": "30deg 75deg 0deg",
"ios-src": "assets/toilet-open-3.glb" })
)
),
React.createElement(
"div",
{ id: "menu" },
React.createElement(
"a",
{ className: "faded menu-link", id: "work-link", href: "https://lilianzlettuce.github.io/work" },
"Work"
),
React.createElement(
"a",
{ className: "faded menu-link", id: "stuff-link", href: "https://lilianzlettuce.github.io/stuff" },
"Gallery"
),
React.createElement(
"a",
{ className: "faded menu-link", id: "about-link", href: "https://lilianzlettuce.github.io/about" },
"About"
)
)
)
);
}
}]);
return TopBar;
}(React.Component);
var domContainer = document.querySelector('#top-bar-container');
ReactDOM.render(React.createElement(TopBar, null), domContainer);