{"id":299,"date":"2023-09-24T16:24:23","date_gmt":"2023-09-24T08:24:23","guid":{"rendered":"http:\/\/www.porruhub.com\/?page_id=299"},"modified":"2023-09-24T16:49:53","modified_gmt":"2023-09-24T08:49:53","slug":"%e6%97%b6%e5%85%89%e8%bd%b4","status":"publish","type":"page","link":"http:\/\/www.porruhub.com\/index.php\/%e6%97%b6%e5%85%89%e8%bd%b4\/","title":{"rendered":"\u65f6\u5149\u8f74"},"content":{"rendered":"\n<html>\n<head>\n<style type=\"text\/css\">\n.point-time {\n  content: \"\";\n  position: absolute;\n  width: 13px;\n  height: 13px;\n  top: 17px;\n  left: 20%;\n  background: #1c87bf;\n  margin-left: -4px;\n  border-radius: 50%;\n  box-shadow: 0 0 0 5px #fff;\n}\n\n.text-red {\n  color: #f6393f;\n}\n\n.text-blue {\n  color: #1c87bf;\n}\n\n.text-green {\n  color: #95c91e;\n}\n\n.text-yellow {\n  color: #ffb902;\n}\n\n.text-purple {\n  color: #d32d93;\n}\n\n.point-red {\n  background-color: #f6393f;\n}\n\n.point-blue {\n  background-color: #1c87bf;\n}\n\n.point-green {\n  background-color: #95c91e;\n}\n\n.point-yellow {\n  background-color: #ffb902;\n}\n\n.point-purple {\n  background-color: #d32d93;\n}\n.content article {\n  position: relative;\n}\n.content article > h3 {\n  width: 15%;\n  height: 20px;\n  line-height: 20px;\n  text-align: right;\n  font-size: 1.4em;\n  color: #1d1d1d;\n  padding: 10px 0 20px;\n}\n.content article section {\n  padding: 0 0 17px;\n  position: relative;\n}\n.content article section:before {\n  content: \"\";\n  width: 5px;\n  top: 17px;\n  bottom: -17px;\n  left: 20%;\n  background: #e6e6e6;\n  position: absolute;\n}\n.content article section:last-child:before {\n  display: none;\n}\n.content article section time {\n  width: 15%;\n  display: block;\n  position: absolute;\n}\n.content article section time > span {\n  display: block;\n  text-align: right;\n}\n.content article section aside {\n  color: #3a3a38;\n  margin-left: 25%;\n  padding-bottom: 15px;\n}\n.content article section .brief {\n  color: #9f9f9f;\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"content\">\n  <article>\n    <h3>2020<\/h3>\n    <section>\n      <span class=\"point-time point-yellow\"><\/span>\n      <time datetime=\"2020-10\">\n        <span>\u5341\u6708<\/span>\n        <span>2020<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">\u5929\u6c14\u51b7\u4e86\uff0c\u8bb0\u5f97\u591a\u7a7f\u70b9\u8863\u670d\uff01<\/p>\n        <p class=\"brief\"><span class=\"text-yellow\">\u8fdc\u65b9\u7684\u4f60<\/span>(I LOVE YOU)<\/p>\n      <\/aside>\n    <\/section>\n    <section>\n      <span class=\"point-time point-red\"><\/span>\n      <time datetime=\"2020-09\">\n        <span>March<\/span>\n        <span>2020<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">You reached 500 followers on Twitter<\/p>\n        <p class=\"brief\"><span class=\"text-red\">Social Appearance<\/span><\/p>\n      <\/aside>\n    <\/section>\n  <\/article>\n        <!--\u5206\u9694\u7b26-->\n  <article>\n    <h3>2019<\/h3>\n    <section>\n      <span class=\"point-time point-green\"><\/span>\n      <time datetime=\"2019-12\">\n        <span>December<\/span>\n        <span>2019<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">Visitor at Maketing Live 2012<\/p>\n        <p class=\"brief\"><span class=\"text-green\">Conference<\/span><\/p>\n      <\/aside>\n    <\/section>\n    <section>\n      <span class=\"point-time point-green\"><\/span>\n      <time datetime=\"2019-11\">\n        <span>November<\/span>\n        <span>2019<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">Visitor at Daily web 2019<\/p>\n        <p class=\"brief\"><span class=\"text-green\">Conference<\/span><\/p>\n      <\/aside>\n    <\/section>\n    <section>\n      <span class=\"point-time point-red\"><\/span>\n      <time datetime=\"2019-09\">\n        <span>September<\/span>\n        <span>2019<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">You reached 500 followers on Dribbble<\/p>\n        <p class=\"brief\"><span class=\"text-red\">Social Appearance<\/span><\/p>\n      <\/aside>\n    <\/section>\n    <section>\n      <span class=\"point-time point-blue\"><\/span>\n      <time datetime=\"2019-08\">\n        <span>August<\/span>\n        <span>2019<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">New job position as Senior Designer at Fantasy Interactive<\/p>\n        <p class=\"brief\"><span class=\"text-blue\">Working Experience<\/span><\/p>\n      <\/aside>\n    <\/section>\n    <section>\n      <span class=\"point-time point-red\"><\/span>\n      <time datetime=\"2019-03\">\n        <span>March<\/span>\n        <span>2019<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">Speaker at ASMO conference<\/p>\n        <p class=\"brief\"><span class=\"text-red\">Conference<\/span><\/p>\n      <\/aside>\n    <\/section>\n    <section>\n      <span class=\"point-time point-blue\"><\/span>\n      <time datetime=\"2023-09\">\n        <span>February<\/span>\n        <span>2023<\/span>\n      <\/time>\n      <aside>\n        <p class=\"things\">You added new skills to job position Junior Designer at Fantasy Interactive<\/p>\n        <p class=\"brief\"><span class=\"text-blue\">Working Experience<\/span><\/p>\n      <\/aside>\n    <\/section>\n  <\/article>\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>2020 \u5341\u6708 2020 \u5929\u6c14\u51b7\u4e86\uff0c\u8bb0\u5f97\u591a\u7a7f\u70b9\u8863\u670d\uff01 \u8fdc\u65b9\u7684\u4f60(I LOVE YOU) March 2020 You reached 500 followers on Twitter Social A&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-299","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/pages\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":3,"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":303,"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions\/303"}],"wp:attachment":[{"href":"http:\/\/www.porruhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}