diff --git a/Makefile b/Makefile index 17860fe..f10b769 100644 --- a/Makefile +++ b/Makefile @@ -1,5 +1,5 @@ BUILDDIR = ./build -projs = grs info +projs = grs info blog copyfiles = index.ls main: clean copy for f in $(projs); do make -C "$${f}" ; done @@ -8,4 +8,4 @@ copy: cp -rf $(copyfiles) $(BUILDDIR) clean: - for f in $(projs); do rm -r $(BUILDDIR)/"$${f}"; done \ No newline at end of file + -for f in $(projs); do rm -r $(BUILDDIR)/"$${f}"; done \ No newline at end of file diff --git a/blog/Makefile b/blog/Makefile new file mode 100644 index 0000000..fe16b4c --- /dev/null +++ b/blog/Makefile @@ -0,0 +1,10 @@ +BUILDDIR = ../build/blog + +copyfiles = index.html assets + +main: + - mkdir $(BUILDDIR) + cp -rf $(copyfiles) $(BUILDDIR) + - cd $(BUILDDIR) && ln -s ../grs ./rst +clean: + rm -rf $(BUILDDIR)/* \ No newline at end of file diff --git a/blog/assets/style.css b/blog/assets/style.css new file mode 100644 index 0000000..57f4691 --- /dev/null +++ b/blog/assets/style.css @@ -0,0 +1,207 @@ +html,body{ + margin: 0; + padding: 0; + font-family: "Ubuntu"; + font-size: 15px; + line-height: 1.5; + width: 100%; + height: 100%; + overflow: hidden; +} +#desktop{ + /*width:100%; + min-height:100%; + overflow:hidden; + margin:0 auto; + display: flex; + flex-direction: row-reverse; + color: #414339;*/ +} + +#top{ + background-color: #2c2c2c; + color: white; + font-weight: bold; + display: block; + text-align: center; + height: 50px; +} +#top ul{ + padding:0; + margin: 0; + padding-top: 16px; + list-style: none; +} +#top ul li{ + float: left; + padding-left:10px; + padding-right: 10px; +} +#top ul li i{ + margin-right: 3px; +} +#top ul li a{ + text-decoration: none; + color: white; +} +#top ul li a:hover{ + border-bottom: 1px dashed white; +} +#bottom{ + position: fixed; + bottom: 0; + height: 20px; + text-align: center; + color:#878887; + background-color: white; + font-size: 12px; + width: 100%; + padding:5px; + border-top: 1px solid #878887; +} +#center{ + height: calc(100% - 80px); + overflow-y: auto; +} +#navbar{ + margin:0 auto; + max-width: 960px; + display: flex; + justify-content:flex-end; + flex-direction: row; +} +#container{ + margin:0 auto; + max-width: 960px; + text-align: justify; +} + +textarea{ + margin-left: 10px; + margin-right: 10px; + border: 0; + font-family: "Ubuntu"; + font-size: 14px; + padding: 3px; + outline: none; +} +input { + outline: none; + border: 0; + padding: 0; + height: 17px; +} +div.label{ + color: #899aae; +} +button{ + outline: none; + background-color: #5fa6cf; + font-weight: bold; + color: white; + border: 0; + border-radius: 5px; + padding:3px; + margin-right: 10px; + box-shadow: 1px 1px 1px #9f9F9F; +} +#container .card{ + display: flex; + flex-direction: row; + +} +#container .card .date{ + padding-top:20px; + padding-bottom: 0; + margin: 0; + min-width: 74px; + line-height: 1.0; + color:#3170B2; + +} +#container .card .date .day{ + font-weight: bold; + display: block; + font-size: 60px; + +} +#container .card .date .monthyear{ + font-weight: bold; + display: block; + +} +#container .blogentry{ + padding-top:20px; + /*border-bottom: 1px solid #cccccc; + padding-bottom: 20px;*/ +} +#container h1{ + font-size: 20px; + padding:0; + margin: 0; + padding-bottom: 5px; +} +input.search-box{ + flex:1; + padding:0; + margin:0; + padding-top:13px; + height: 25px; + background-color: transparent; + border-bottom: 1px solid #878887; + font-size: 18px; + font-family: "Ubuntu"; + line-height: 0.5; + color: #878887; +} +div.search-icon:before{ + padding-top:13px; + content: "\f002"; + color:#878887; + display: block; + width:20px; + height: 25px; + font-family: "FontAwesome"; + font-size: 18px; + border-bottom: 1px solid #878887; +} +div.logo:before{ + display: block; + width: 75px; + height:50px; + color:white; + font-family: "FontAwesome"; + font-size:48px; + line-height: 1.0; + content: "\f0ac"; +} +div.detail { + display: flex; + flex-direction: row; + margin-top:20px; +} +div.detail span{ + display: block; + height: 16px; + border-bottom: 1px solid #cccccc; + flex:1; +} +div.detail a{ + width: 32px; + display: block; + + height: 32px; + border: 1px solid #cccccc; + text-decoration: none; + border-radius: 16px; + margin-left: 10px; + margin-right: 10px; +} +div.detail a:before{ + font-size:16px; + content:"\f039"; + font-family: "FontAwesome"; + line-height: 2.0; + padding-left:8px; + color: #cccccc; +} \ No newline at end of file diff --git a/blog/index.html b/blog/index.html index 34c9cf3..3b77fe1 100644 --- a/blog/index.html +++ b/blog/index.html @@ -1,11 +1,193 @@ - Blog + Hi, I'm Xuan Sang LE + + + + -

Under maintenance

+
+ +
+
+
+
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+ +
+
+ 24 + July 2017 +
+
+

What is Lorem Ipsum?

+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It ha +
+
+ + + +
+
+
+
+
+
+ Powered by antd server, (c) 2017 - 2018 Xuan Sang LE +
\ No newline at end of file