Ошибка при получении web.py для рендеринга html-страницы, вызывающей файл css

102
7

Итак, у меня есть файл app.py под названием app.py app.py ссылается на index.html и foo.html.

Оба эти html файла требуют просто отлично, я имею в виду, когда я запускаю app.py и app.py к http://localhost:8080/ и http://localhost:8080/Foo оба из них отображают веб-страницу просто отлично, проблема связана с файлом foo.html tho. У меня есть большой раздел, в котором предполагается использовать файл rotate.css и сделать текст в секции вращением. Проблема в том, что текст даже не появляется.

Файлы находятся ниже:

app.py

import web

urls = (
'/', 'Index',
'/Foo', 'Foo'
)

app = web.application(urls, globals())

render = web.template.render('templates/')

class Index(object):
def GET(self):
greeting_Index = "Hello World"
return render.index(greeting = greeting_Index)

class Foo(object):
def GET(self):
greeting_Foo = 'FooBAR'
return render.foo(greeting = greeting_Foo)

if __name__ == "__main__":
app.run()

foo.html

$def with (greeting)
$var cssfiles: static/rotate.css

<html>
<head>
<meta charset="UTF-8">
<title>Foobar</title>
</head>

<body>
$if greeting:
<em style="color: red; font-size: 5em;">Welcome to the Foo bar. $greeting.</em>
$else:
Herro world!

<section class="rw-wrapper">
<h2 class="rw-sentence">
<span>Real poetry is like</span>
<span>creating</span>
<div class="rw-words rw-words-1">
<span>breathtaking moments</span>
<span>lovely sounds</span>
<span>incredible magic</span>
<span>unseen experiences</span>
<span>happy feelings</span>
<span>beautiful butterflies</span>
</div>
<br />
<span>with a silent touch of</span>
<div class="rw-words rw-words-2">
<span>sugar</span>
<span>spice</span>
<span>colors</span>
<span>happiness</span>
<span>wonder</span>
<span>happiness</span>
</div>
</h2>
</section>

</body>

</html>

rotate.css

.rw-wrapper{
width: 80%;
position: relative;
margin: 110px auto 0 auto;
font-family: 'Bree Serif';
padding: 10px;
}

.rw-sentence{
margin: 0;
text-align: left;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.rw-sentence span{
color: #444;
white-space: nowrap;
font-size: 200%;
font-weight: normal;
}

.rw-words{
display: inline;
text-indent: 10px;
}

.rw-words span{
position: absolute;
opacity: 0;
overflow: hidden;
width: 100%;
color: #6b969d;
}

.rw-words-1 span{
animation: rotateWordsFirst 18s linear infinite 0s;
}

.rw-words-2 span{
animation: rotateWordsSecond 18s linear infinite 0s;
}

.rw-words span:nth-child(2){
animation-delay: 3s;
color: #6b889d;
}

.rw-words span:nth-child(3){
animation-delay: 6s;
color: #6b739d;
}

.rw-words span:nth-child(4){
animation-delay: 9s;
color: #7a6b9d;
}

.rw-words span:nth-child(5){
animation-delay: 12s;
color: #8d6b9d;
}

.rw-words span:nth-child(6){
animation-delay: 15s;
color: #9b6b9d;
}

@keyframes rotateWordsFirst {
0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
8% { opacity: 1; height: 60px; }
19% { opacity: 1; height: 60px; }
25% { opacity: 0; height: 60px; }
100% { opacity: 0; }
}

@keyframes rotateWordsSecond {
0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
10% { opacity: 0.3; width: 0px; }
20% { opacity: 1; width: 100%; }
27% { opacity: 0; width: 100%; }
100% { opacity: 0; }
}

спросил(а) 2014-02-25T00:34:00+04:00 6 лет назад
1
Решение
51

В соответствии с http://webpy.org/cookbook/staticfiles вам может потребоваться изменить файл apache.conf, чтобы apache мог обслуживать эти файлы.

И я заметил, что нигде в вашем html файле вы на самом деле не ссылаетесь на файл css

<link rel="stylesheet" href="static/rotate.css" type="text/css">

где-то в голове отсутствует или, поскольку вы используете его в качестве переменной, он должен быть

<link rel="stylesheet" href="$cssfiles" type="text/css">

ответил(а) 2014-02-25T00:56:00+04:00 6 лет назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема