Skip to content

Commit ffb68f8

Browse files
samuelbetiosamuelbetio
authored
Add files via upload
1 parent 6337c0a commit ffb68f8

File tree

6 files changed

+301
-0
lines changed

6 files changed

+301
-0
lines changed

‎skype-export/index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Archived conversations</title>
5+
<meta charset="utf-8">
6+
</head>
7+
<body>
8+
<div class="header">
9+
<h1 class="conversations">Archived conversations</h1>
10+
<ul class="exported-accounts" id="accounts">
11+
12+
<li class="account">
13+
<a href=".\samuelbetio\index.html">Samuel Betio (samuelbetio)</a>
14+
</li>
15+
16+
</ul>
17+
</body>
18+
</html>

‎skype-export/samuelbetio/default1.png‎

3.36 KB
Loading

‎skype-export/samuelbetio/default2.png‎

4.7 KB
Loading

‎skype-export/samuelbetio/index.html‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Archived conversations</title>
5+
<meta charset="utf-8">
6+
<link rel="stylesheet" href="style.css">
7+
</head>
8+
<body>
9+
<script>
10+
document.addEventListener("DOMContentLoaded", function(event) {
11+
function selectConversation(element) {
12+
if (selectedConvLi) {
13+
selectedConvLi.className = "conversations";
14+
}
15+
var href = element.getAttribute('href');
16+
selectedConversationHeader.innerHTML = element.innerHTML;
17+
selectedConversationDiv.innerHTML='<object class="object" type="text/html" data="' + href + '" ></object>';
18+
selectedConvLi = element.parentNode;
19+
selectedConvLi.className = "conversations-sel"
20+
}
21+
function convCallback(event) {
22+
if (event.target.tagName !== 'A') {
23+
return;
24+
}
25+
selectConversation(event.target);
26+
event.preventDefault();
27+
}
28+
29+
var selectedConvLi = null;
30+
var selectedConversationDiv = document.getElementById("selected-conversation-placeholder");
31+
var selectedConversationHeader = document.getElementById("selected-conversation-header");
32+
var conversations = document.getElementById('conversations');
33+
conversations.addEventListener('click', convCallback, false);
34+
selectConversation(conversations.firstElementChild.firstElementChild);
35+
});
36+
</script>
37+
<div class="left">
38+
<div class="header">
39+
<h1 class="conversations">Archived conversations</h1>
40+
41+
<table>
42+
<tbody>
43+
<tr><th>User</th><td id="hdr-user">Samuel Betio <small>(samuelbetio)</small></td></tr>
44+
<tr><th>Exported</th><td id="hdr-exported">7/24/2018 10:56:23 AM</td></tr>
45+
<tr><th>Total</th><td id="hdr-stats">0 conversations</td></tr>
46+
</tbody>
47+
</table>
48+
</div>
49+
<ul class="conversations" id="conversations">
50+
51+
</ul>
52+
</div>
53+
<div id= "selected-conversation" class="right" >
54+
<h1 class="conversation" id="selected-conversation-header"></h1>
55+
<div id= "selected-conversation-placeholder">
56+
</div>
57+
</div>
58+
</body>
59+
</html>

‎skype-export/samuelbetio/skype.svg‎

Lines changed: 41 additions & 0 deletions
Loading

‎skype-export/samuelbetio/style.css‎

Lines changed: 183 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,183 @@
1+
@font-face {
2+
font-family: "Segoe UI Local";
3+
font-weight: 200;
4+
src: local("Segoe UI Light");
5+
}
6+
@font-face {
7+
font-family: "Segoe UI Local";
8+
font-weight: 400;
9+
src: local("Segoe UI");
10+
}
11+
@font-face {
12+
font-family: "Segoe UI Local";
13+
font-weight: 600;
14+
src: local("Segoe UI Semibold");
15+
}
16+
html, body { height: 100% }
17+
body {
18+
background-color: #f2f2f2;
19+
font: 1em "Segoe UI Local","Segoe WP","Segoe UI Web",Tahoma,"Helvetica Neue",Helvetica,"Meiryo UI",Meiryo,Arial Unicode MS,sans-serif;
20+
width: 100%;
21+
margin: 0 auto;
22+
}
23+
24+
body.conversation {
25+
overflow-x: hidden;
26+
}
27+
28+
.left {
29+
display: block;
30+
position: absolute;
31+
left: 0;
32+
top: 0;
33+
width: 30%;
34+
height: 100%;
35+
margin: 0;
36+
overflow: hidden;
37+
}
38+
.right {
39+
display: block;
40+
position: absolute;
41+
right: 0;
42+
top: 0;
43+
width: 70%;
44+
height: 100%;
45+
overflow: hidden;
46+
}
47+
div#selected-conversation-placeholder {
48+
display: block;
49+
width: 100%;
50+
height: 92%;
51+
overflow: hidden;
52+
}
53+
.object {
54+
width: 100%;
55+
height: 98%;
56+
overflow-x: hidden;
57+
overflow-x: hidden;
58+
}
59+
60+
body.index {
61+
overflow: hidden;
62+
}
63+
div.header {
64+
position: fixed;
65+
top: 0rem;
66+
left: 1rem;
67+
width: 100%;
68+
background-color: #f2f2f2;
69+
margin-bottom: 1rem;
70+
padding-bottom: 1rem;
71+
}
72+
h1 {
73+
color: #0b0b10;
74+
font-size: 1.5em;
75+
top: 0rem;
76+
left: 1rem;
77+
padding-left: 1rem;
78+
padding-top: 1rem;
79+
padding-bottom: 1rem;
80+
margin-top: 0;
81+
margin-bottom: 1rem;
82+
width: 100%;
83+
background-color: #f2f2f2;
84+
}
85+
h1.conversations {
86+
position: static;
87+
margin-bottom: 0rem;
88+
padding-left: 7rem;
89+
background: url(skype.svg) 1rem 1rem no-repeat;
90+
margin-bottom: 0rem;
91+
}
92+
93+
div.author {
94+
color: #626f82;
95+
padding-bottom: 0.5rem;
96+
}
97+
div.quote:before{
98+
display:block;
99+
height:0;
100+
content:"“";
101+
margin-left: -1.5rem;
102+
font:italic 50px/1 Georgia, serif;
103+
color:#999
104+
}
105+
div.quote {
106+
font-style: italic;
107+
margin-left: 1.5rem;
108+
margin-bottom: 0.5rem;
109+
}
110+
span.author {
111+
color: #626f82;
112+
}
113+
span.timestamp {
114+
color: #626f82;
115+
padding-left: 0.5rem;
116+
font-size: small;
117+
}
118+
span.timestamp-conv {
119+
color: #626f82;
120+
padding-left: 0.5rem;
121+
font-size: small;
122+
}
123+
span.messageCount {
124+
color: #626f82;
125+
font-size: small;
126+
}
127+
span.at:before{
128+
content:"@"
129+
}
130+
span.at {
131+
font-style: italic;
132+
color: #626f82;
133+
}
134+
ul {
135+
list-style-type: none;
136+
padding-left: 1rem;
137+
padding-right: 1rem;
138+
padding-top: 1rem;
139+
margin-top: 1rem;
140+
margin-bottom: 2rem;
141+
padding-bottom: 2rem;
142+
}
143+
ul.conversations {
144+
position: absolute;
145+
top: 8rem;
146+
bottom: 0;
147+
width: 90%;
148+
overflow-y: scroll;
149+
}
150+
li.message {
151+
border-radius: 5px;
152+
background-color: white;
153+
color: #0b0b10;
154+
padding-left: 1rem;
155+
padding-top: 0.5rem;
156+
padding-bottom: 0.5rem;
157+
margin: 0.5rem auto;
158+
}
159+
li.conversations {
160+
background-color: #f2f2f2;
161+
color: #0b0b10;
162+
padding-left: 0.25rem;
163+
padding-top: 0.5rem;
164+
padding-bottom: 0.5rem;
165+
margin: 0 auto;
166+
word-wrap: break-word;
167+
border-bottom-style: solid;
168+
border-bottom-width: thin;
169+
border-bottom-color: #626f82;
170+
}
171+
172+
li.conversations-sel {
173+
background-color: #c7edfc;
174+
color: #0b0b10;
175+
padding-left: 0.25rem;
176+
padding-top: 0.5rem;
177+
padding-bottom: 0.5rem;
178+
margin: 0 auto;
179+
word-wrap: break-word;
180+
border-bottom-style: solid;
181+
border-bottom-width: thin;
182+
border-bottom-color: #626f82;
183+
}

0 commit comments

Comments
 (0)