iblh / typecho-theme-material Goto Github PK

View Code? Open in Web Editor NEW

469.0 469.0 73.0 14.32 MB

Material Design theme for typecho.

Home Page: https://blog.viosey.com

License: GNU General Public License v3.0

CSS 44.40% PHP 29.04% JavaScript 26.57%

material theme typecho

typecho-theme-material's People

Contributors

Stargazers

Watchers

typecho-theme-material's Issues

一个罕见的小bug

我今天开启了https，并且更换了typecho的默认站点名。
但是再访问http的时候就会出现排版错误和有关资源找不到的问题。
虽然写好了跳转是没事了，但是有些浏览器禁止我这么跳转，会强制去浏览http。

是否显示缩略图选项

如果页面是图文混排的，在预览的时候会遮挡住正文什么的
而且如果取图片作为博文的前头的图片……距离太小并且个人感觉……比较丑

底部footer有一小段会显示背景，建议底布添加博客运行时间的一栏

底部有一小段会显示背景。
建议底布添加一个博客允许时间。

一点建议

首先主题做的不错！

但是整个网站的布局和维护性还有提升

开启 F12 随处可见的 demo-blog-* class名

整个网站在一个 div 中进行开发毫无布局感

希望 2.0 版本不要只是看上去简洁内在也会重要这难道不是你所追求的极客精神吗？

为什么新建的typecho，启用你的这个主题访问时返回500错误

只提示Database Query Error

Failed to load resource: the server responded with a status of 400 ({Bad Request})
dsembed.js:1 出错啦(990002): 参数错误
Failed to load resource: the server responded with a status of 400 ({Bad Request})
dsembed.js:1 出错啦(990002): 缺少站点信息

出现这2个错误。。是不是我哪里设置错了。。

页面底部有空隙

页面底部的footer，不知为何没能顶住最底边，仍旧有一些空隙。

纯色背景设置

评论区bug

使用原生评论的时候，评论的评论不能在文章后进行回复。评论的评论的评论也不能。
2.2.3

关于首页分类显示的建议

能不能实现在首页点分类按钮以后，展开的菜单仅包括一级分类，不包括子分类？实现成分层的也行。
现在的样式会把父分类和子分类混在一起，区别不开。

sidebar.php的头像显示部分与index.php的右侧logo部分相同

已检查过php部分，发现该问题主要来源于作者输入的错误（雾）。
在functions.php内得知头像的变量为（$avatarURL），而右上logo的变量为（$logo）
在index.php内右侧logo使用的变量为（$this->options->logo）该处无错√
在sidebar.php内用户头像使用的变量与index.php内右侧logo使用的变量是一样的（$this->options->logo）×
请作者将sidebar.php内21行与22行内的（$this->options->logo）部分换成（$this->options->avatarURL），就能解决此问题的出现。

建议优化帖子置顶

如题。文章ID太麻烦，或者指定文章链接也可以。

针对spl数据库的错误

换上主题就显示：Database query error
有没有办法解决？

请求文章内容页有更好的阅读体验

文章内容嘛，阅读体验很重要，个人比较喜欢github的样式，而现在这个版本个人感觉体验不是很好。

Viosey可以参考这个markdown编辑器生成的样式。

或者加个选项，切换文章页内容？

尤其代码块

表格的css缺失，表格看不到边框

这个有Bug, 或者说是feature

不支持sqlite数据库呀!
换上主题就显示: Database query error

关于pjax和引入pangu.js

希望能实现评论区完整pjax无跳转（使用的是Typecho原生评论）
希望引入Pangu.js，实现自动在中文和英文间加入半角空格。

设置外观时，出现数据库查询错误

我新安装的 typecho，其他主题没问题

页面中的按钮一个都点不了

最近新创的Typecho，但是用了这个主题后没一个按钮能按，主题也已经改名了，不是500错误就是404

大佬，有点问题~

首先是电脑端打开时右边下拉条有时会蜜汁消失
还有就是移动端打开时，左上角的那个显示异常
本鹅的博客：https://blog.conoha.vip

默认主题时打开主页正常，切换您的主题的时候就会500 Database Query Error

http://lyc.science/blog/地址~

多说bug

在一个文章下面的评论/点赞会被应用到每一个文章。

今天遇到的一些问题

英文版有些地方不彻底，比如下面这两个地方需要修改
post.php

viewsNum(); ?> 浏览

archive.php&index.php

commentsNum('%d 评论'); ?>

插件
友情链接插件，停用此插件再次启用时会出现“数据表建立失败，友情链接插件启动失败。错误号：42S01”的错误。
noisky同学似乎修正了这个bug： https://github.com/noisky/Links-for-Rozv-Theme

评论部分
那两个小手点了没反应

其他
体验 Material 主题: typecho-theme-material 演示<-此处链接直接点会出现403 Forbidden
需要从http进去跳转一次才能打开:-)

Database Query Error

更换之后显示Database Query Error

平台树莓派3 apache2+sqlite

建议 - 首页及文章显示改进建议

1、建议增加 ”首页文章显示数“设定，
以及”每篇文章在首页显示的字数限制“ 设定。

2、保证”继续阅读“字样能够在页面对齐，没办法强迫症23333

3、另外文章右上角的心型图标，始终带着红点，点击之后没有任何反应。。。

PS：使用Typecho 1.0.14.10.10.-release，XAMPP（PHP5.4.34），浏览器是Microsoft Edge。

谢谢大家的回复，以后一定仔细看readme ^_^

文章内容显示问题

文章中为什么不能显示粗体？是因为字体的原因吗？
我现在在用的版本是1.9.8-branch。

缩略图显示效果问题

感谢作者的回复，已更新到2.3.9（Typecho外观页面显示的版本号依然2.3.0）
未对主题random文件夹下的图片做任何更改。更新一下问题描述：

未定义缩略图：

设定为：显示文章内第一张图片 (若无图片则显示随机图片)时，
文章内含图片情况下，首页与文章页正常。
文章内无图情况下，首页显示的是纯蓝色，文章页亦同。
设定为：只显示纯色时，首页显示正常，文章页仍然显示纯蓝色。
另外还有一个小问题是，首页的文章标题会被引号包围起来。
设定为：只显示随机图片时，首页显示正常，文章页仍然显示纯蓝色。

已定义缩略图：

第一项，首页与文章页均正常
第二项，首页正常，文章页为自定义缩略图。
第三项，首页正常，文章页为自定义缩略图。

PS：主题版本2.3.9，Typecho稳定版及开发版本，XAMPP（PHP5.4.34），
浏览器使用 Microsoft Edge / 世界之窗 6.2.0.128 / Chrome 54.0.2840.59 。

文章显示问题

文章中，引用的部分，两段之间会空一行。
大概就像这样：

字体显示问题

在几个电脑端的浏览器上看不见文章内的破折号，但是在移动端上可以看见。

文章总数页面会出现个true

比如https://hexo.viosey.com/archives/
左上角会出现个"true"

移动设备响应式优化

手机上看好奇怪，顶部距离太高了。不觉得吗～～

Feature Request

分享菜单控制
多说 JS 引用
Table Of Content
Github Markdown 样式

未完待续

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="Material Design Lite" />
    <!-- <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" /> -->

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <!-- <meta name="msapplication-TileImage" content="img/touch/ms-touch-icon-144x144-precomposed.png" /> -->
    <meta name="msapplication-TileColor" content="#FFFFFF" />

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->

    <meta property="og:url"           content="<?php $this->permalink(); ?>" />
	<meta property="og:type"          content="website" />
	<meta property="og:title"         content="<?php $this->archiveTitle(); ?>" />
    <meta property="og:description"   content="Your description" />

    <?php $this->header(); ?>

    <!-- Material style -->
    <?php if(!empty($this->options->CDNURL)): ?>
        <link rel="stylesheet" type="text/css" media="all" href="<?php $this->options->CDNURL() ?>/MaterialCDN/css/material.min.css" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php $this->options->CDNURL() ?>/MaterialCDN/css/style.css" />
    <?php else: ?>
        <link rel="stylesheet" type="text/css" media="all" href="/usr/themes/material/css/material.min.css" />
        <link rel="stylesheet" type="text/css" media="all" href="/usr/themes/material/css/style.css" />
    <?php endif; ?>

    <!--[if lte IE 9]>
        <?php if(!empty($this->options->CDNURL)): ?>
            <link rel="stylesheet" href="<?php $this->options->CDNURL() ?>/MaterialCDN/css/ie-blocker.css">
        <?php else: ?>
            <link rel="stylesheet" href="/usr/themes/material/css/ie-blocker.css">
        <?php endif; ?>

        <?php if($this->options->langis == '0'): ?>
            <?php if(!empty($this->options->CDNURL)): ?>
               <script src="<?php $this->options->CDNURL() ?>/MaterialCDN/js/ie-blocker.en.js" img-path="../img/ie-blocker/"></script>
            <?php else: ?>
               <script src="/usr/themes/material/js/ie-blocker.en.js" img-path="../img/ie-blocker/"></script>
            <?php endif; ?>
        <?php elseif($this->options->langis == '1'): ?>
            <?php if(!empty($this->options->CDNURL)): ?>
                <script src="<?php $this->options->CDNURL() ?>/MaterialCDN/js/ie-blocker.zhCN.js" img-path="../img/ie-blocker/"></script>
            <?php else: ?>
                <script src="/usr/themes/material/js/ie-blocker.zhCN.js" img-path="../img/ie-blocker/"></script>
            <?php endif; ?>
        <?php endif; ?>
   <![endif]-->


   <?php if($this->options->RobotoSource == '0' ): ?>
       <link href='https://fonts.lug.ustc.edu.cn/css?family=Roboto:300,400,500,700' rel='stylesheet' type='text/css'>
   <?php elseif($this->options->RobotoSource == '1' ): ?>
       <style>
           <?php if(!empty($this->options->CDNURL)): ?>
               @font-face {
                   font-family: Roboto;
                   src: url('<?php $this->options->CDNURL()?>/MaterialCDN/fonts/Roboto.ttf');
               }
               @font-face {
                   font-family: Roboto;
                   font-weight: 700;
                   src: url('<?php $this->options->CDNURL()?>/MaterialCDN/fonts/Roboto-700.ttf');
               }
           <?php else: ?>
               @font-face {
                   font-family: Roboto;
                   src: url('/usr/themes/material/fonts/Roboto.ttf');
               }
               @font-face {
                   font-family: Roboto;
                   font-weight: 700;
                   src: url('/usr/themes/material/fonts/Roboto-700.ttf');
               }
           <?php endif; ?>
       </style>
   <?php elseif($this->options->RobotoSource == '2' ): ?>
   <?php endif; ?>

   <!-- 根据function.php设置的样式 -->
    <style>
        #view-source {
            position: fixed;
            display: block;
            right: 0;
            bottom: 0;
            margin-right: 40px;
            margin-bottom: 40px;
            z-index: 900;
        }

        body,h1,h2,h3,h4,h5,h6 {
            font-family: <?php $this->options->CustomFonts() ?>;
        }

        a {
            color: <?php $this->options->alinkcolor(); ?> ;
        }
        #ds-thread #ds-reset a {
            color: <?php $this->options->alinkcolor(); ?> !important;
        }

        .mdl-card__media,
        #search-label,
        #search-form-label:after,
        .sidebar-colored .sidebar-header,
        .sidebar-colored .sidebar-badge{
            background-color: <?php $this->options->ThemeColor() ?> !important;
        }

        .sidebar-colored .sidebar-nav li:hover > a,
        .sidebar-colored .sidebar-nav li:hover > a i,
        .sidebar-colored .sidebar-nav li > a:hover,
        .sidebar-colored .sidebar-nav li > a:hover i,
        .sidebar-colored .sidebar-nav li > a:focus i,
        .sidebar-colored .sidebar-nav > .open > a,
        .sidebar-colored .sidebar-nav > .open > a:hover,
        .sidebar-colored .sidebar-nav > .open > a:focus{
            color: <?php $this->options->ThemeColor() ?> !important;
        }
    </style>

    <?php if( !empty($this->options->switch) && in_array('ShowLoadingLine',$this->options->switch) ): ?>
        <style>
            .fade {
              transition: all <?php $this->options->loadingbuffer(); ?>ms linear;
              -webkit-transform: translate3d(0,0,0);
              -moz-transform: translate3d(0,0,0);
              -ms-transform: translate3d(0,0,0);
              -o-transform: translate3d(0,0,0);
              transform: translate3d(0,0,0);
              opacity: 1;
            }

            .fade.out {
              opacity: 0;
            }
        </style>
    <?php endif; ?>

    <?php if ( $this->options->BGtype =='0' ) : ?>
        <style>
            body{
                <?php if (!empty($this->options->bgcolor)): ?>
                    background-color: <?php $this->options->bgcolor() ?>;
                <?php else: ?>
                    background-color: #F5F5F5;
                <?php endif; ?>
            }
            .demo-blog .something-else .mdl-card__supporting-text{
                background-color: #fff;
            }
            .MD-burger-layer{
                background-color: #666;
            }
            .demo-blog .demo-blog__posts>.demo-nav,
            .demo-nav a,
            .demo-blog--blogpost .demo-back{
                color: #666;
            }
        </style>
    <?php elseif ( $this->options->BGtype == '2'): ?>
        <style>
        body{
            <?php if($this->options->GradientType == '0'): ?>
                background-image:
                    -moz-radial-gradient(0% 100%, ellipse cover, #96DEDA 10%,rgba(255,255,227,0) 40%),
                    -moz-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
                background-image:
                    -o-radial-gradient(0% 100%, ellipse cover, #96DEDA 10%,rgba(255,255,227,0) 40%),
                    -o-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
                background-image:
                    -ms-radial-gradient(0% 100%, ellipse cover, #96DEDA 10%,rgba(255,255,227,0) 40%),
                    -ms-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
                background-image:
                    -webkit-radial-gradient(0% 100%, ellipse cover, #96DEDA    10%,rgba(255,255,227,0) 40%),
                    -webkit-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
            <?php elseif($this->options->GradientType == '1'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
            <?php elseif($this->options->GradientType == '2'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
            <?php elseif($this->options->GradientType =='3'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                    ;
            <?php elseif($this->options->GradientType =='4'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
            <?php elseif($this->options->GradientType =='5'): ?>
                background-image: #DAD299; /* fallback for old browsers */
                background-image: -webkit-linear-gradient(to left, #DAD299 , #B0DAB9); /* Chrome 10-25, Safari 5.1-6 */
                background-image: linear-gradient(to left, #DAD299 , #B0DAB9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            <?php elseif($this->options->GradientType =='6'): ?>
                background-image: linear-gradient(-20deg, #d0b782 20%, #a0cecf 80%);
            <?php elseif($this->options->GradientType =='7'): ?>
                background: #F1F2B5; /* fallback for old browsers */
                background: -webkit-linear-gradient(to left, #F1F2B5 , #135058); /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to left, #F1F2B5 , #135058); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *
            <?php elseif($this->options->GradientType =='8'): ?>
                background: #02AAB0; /* fallback for old browsers */
                background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC); /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to left, #02AAB0 , #00CDAC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            <?php elseif($this->options->GradientType =='9'): ?>
                background: #C9FFBF; /* fallback for old browsers */
                background: -webkit-linear-gradient(to left, #C9FFBF , #FFAFBD); /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to left, #C9FFBF , #FFAFBD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            <?php endif; ?>
        }
        </style>
    <?php elseif ( $this->options->BGtype == '1'): ?>
        <style>
            body{
                <?php if (!empty($this->options->bgcolor)): ?>
                    background-image: url(<?php $this->options->bgcolor() ?>);
                <?php else: ?>
                    <?php if(!empty($this->options->CDNURL)): ?>
                        background-image: url(<?php $this->options->CDNURL() ?>/MaterialCDN/img/bg.jpg);
                    <?php else: ?>
                        background-image: url(/usr/themes/material/img/bg.jpg);
                    <?php endif; ?>
                <?php endif; ?>
            }
        </style>
    <?php endif; ?>

</head>

<body>

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.